/*
Theme Name: Astra Child
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/




/* ==== Franja de Logos Horizontal e Infinita (Ajustada) ==== */
.logo-scroll {
  /* ... (se mantiene igual) ... */
  width: 100%;
  overflow: hidden; 
  background-color: #fff; 
  padding: 40px 0;
}

.scroll-track {
  /* ... (se mantiene igual) ... */
  display: flex; 
  align-items: center;
  gap: 80px; 
  animation: scroll 120s linear infinite; 
  flex-shrink: 0;
  width: max-content;
}

.scroll-track img {
  /* TAMAÑO DE ESCRITORIO: ANTES 40px, AHORA 20px */
  height: 60px !important; /* Altura de logos forzada a la mitad */
  width: auto;
  object-fit: contain;
  filter: none;
  opacity: 1;
  transition: none;
}

/* La animación (se mantiene igual) */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* ======================================= */
/* === AJUSTES ESPECÍFICOS PARA MÓVILES === */
/* ======================================= */

@media (max-width: 767px) {
  .logo-scroll {
    /* Reduce el padding vertical en móvil */
    padding: 20px 0; 
  }
    
  .scroll-track {
    /* Reduce el espacio entre logos para que quepan más */
    gap: 40px; 
    /* El tiempo de animación puede ser más rápido o más lento, ajusta a gusto */
    animation-duration: 30s; /* Más rápido en móvil */
  }

  .scroll-track img {
    /* CAMBIO CLAVE: Logos más pequeños en móvil */
    height: 20px; 
  }

  /* (Opcional) Si quieres DESACTIVAR la animación en móvil: */
  /*
  .scroll-track {
    animation: none !important;
    overflow-x: scroll; // Permite scroll horizontal manual
    gap: 20px;
    padding-left: 20px;
  }
  */
}




/* Fijo izquierda / cambian derecha */
.sticky-panels .panel-fixed {
  position: absolute !important;
  top: 0; left: 0; bottom: 0;
  width: 50%;
  height: 100%;
  z-index: 10;
  pointer-events: auto;
}

.sticky-panels .panel {
  position: absolute !important;
  top: 0; right: 0; bottom: 0;
  width: 50%;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

/* centrado y padding opcional */
.sticky-panels .panel,
.sticky-panels .panel-fixed {
  display: flex; align-items: center; justify-content: center;
  padding: 40px; box-sizing: border-box;
}




/* ==== Franja de Frases Horizontal e Infinita ==== */
.text-scroll {
  /* Contenedor principal: similar a .logo-scroll */
  width: 100%;
  overflow: hidden !important; 
  background-color: #000000; /* RECOMENDACIÓN: Fondo negro para texto blanco */
  padding: 30px 0;
}

.text-scroll .scroll-track {
  gap: 100px; /* Más espacio entre frases */
  animation: scroll 100s linear infinite !important; /* Velocidad, ajusta si es necesario */
}

.text-scroll .scroll-item {
  /* ESTILOS GENERALES (TIPOGRAFÍA, COLOR, OPACIDAD) */
  font-family: 'Inter', sans-serif; /* Fuente Inter */
  color: #ffffff !important; /* Color blanco forzado */
  opacity: 0.5 !important; /* Opacidad 50% forzada */

  /* TAMAÑO DE ESCRITORIO */
  font-size: 5em; /* Tamaño grande y destacado */
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap; /* Evita que el texto se envuelva */
}

/* === AJUSTES ESPECÍFICOS PARA MÓVILES (Frases) === */
@media (max-width: 767px) {
  .text-scroll {
    padding: 15px 0; 
  }
    
  .text-scroll .scroll-track {
    gap: 60px; 
    animation-duration: 40s !important; 
  }

  .text-scroll .scroll-item {
    /* CORRECCIÓN: SOLO AJUSTAMOS EL TAMAÑO AQUÍ */
    font-size: 2em; /* Reducir tamaño en móvil (Ajusta este valor si es necesario) */
    /* Todas las demás propiedades (color, opacidad, fuente) se heredan del selector principal */
  }
}




/* Código para forzar al footer de Astra a pasar por encima de los elementos sticky */
.site-footer {
    position: relative; /* Necesario para que z-index funcione correctamente */
    z-index: 100;       /* Un valor muy alto para asegurar la superposición */
}