/* === Utilidades de Accesibilidad === */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/*
==========================================================================
 ESTILOS PERSONALIZADOS DEL FOOTER v1.0
==========================================================================
*/

/* Contenedor de iconos de pago para alineación */
.om-payment-methods {
    display: flex;
    /* La clave #1: Centra verticalmente cada icono dentro del contenedor */
    align-items: center; 
    justify-content: flex-start; 
    gap: 10px; /* 16 Aumentamos el espacio para que los logos respiren */
    /* La clave #2: Damos una altura fija al contenedor para crear un eje de centrado */
    height: 60px; /* 40 */
}

.om-payment-methods img {
    display: block; /* Ayuda a eliminar espacios extra debajo de la imagen */
    /* La clave #3: Limitamos la altura MÁXIMA. Ningún logo superará esto. */
    max-height: 35px; /*24*/
    /* La clave #4: Limitamos el ancho MÁXIMO para controlar logos muy anchos. */
    max-width: 60px; /*65*/

}