/* ==========================================================================
   ALFA CLEAN — Sistema de variables
   Los colores VERDE ALFA y VERDE HOJA fueron extraidos del logotipo oficial.
   Si en el futuro recibes un manual de marca con otros valores, cambia
   unicamente este archivo: todo el sitio se actualiza automaticamente.
   ========================================================================== */

:root {
  /* --- Colores de marca (extraidos del logotipo) --- */
  --verde-alfa:      #02341E;  /* Verde oscuro del leon y de "ALFA" */
  --verde-hoja:      #5B831B;  /* Verde claro de "CLEAN" */

  /* --- Derivados de marca --- */
  --bosque:          #011D11;  /* Secciones oscuras, footer */
  --bosque-profundo: #000F08;  /* Cortina de apertura, overlays */
  --verde-alfa-alt:  #04482A;  /* Hover de superficies oscuras */
  --hoja-profunda:   #4A6B16;  /* Verde para TEXTO PEQUENO sobre claro (6.17:1) */
  --hoja-clara:      #8FBF3F;  /* Verde para TEXTO sobre oscuro (8.18:1) */
  --hoja-brillo:     #B6DC72;  /* Acentos y destellos sobre oscuro */

  /* --- Neutros --- */
  --marfil:          #F7F6F1;  /* Lienzo principal */
  --blanco:          #FFFFFF;  /* Tarjetas, formularios */
  --bruma:           #EAF0E4;  /* Tintes suaves, estados activos */
  --piedra:          #DDE0D8;  /* Bordes, divisores */
  --piedra-oscura:   #C3C9BC;  /* Bordes con mas presencia */
  --tinta:           #16201A;  /* Texto principal (verde-negro, no negro puro) */
  --pizarra:         #5B6660;  /* Texto secundario (5.98:1) */
  --pizarra-clara:   #8A938D;  /* Texto terciario, solo sobre blanco y en tamano grande */

  /* --- Estados --- */
  --error:           #B42318;
  --error-suave:     #FEF3F2;
  --exito:           #4A6B16;
  --exito-suave:     #F1F6EA;

  /* --- Tipografia --- */
  --font-titulo: 'Outfit', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-texto:  'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --peso-regular: 400;
  --peso-medio:   500;
  --peso-semi:    600;
  --peso-bold:    700;
  --peso-black:   800;

  /* Escala tipografica fluida (se adapta sola al ancho de pantalla) */
  --t-display: clamp(2.3rem, 4.9vw, 4.3rem);
  --t-h1:      clamp(2.1rem, 4.6vw, 3.6rem);
  --t-h2:      clamp(1.75rem, 3.4vw, 2.75rem);
  --t-h3:      clamp(1.3rem, 2.1vw, 1.7rem);
  --t-h4:      clamp(1.1rem, 1.5vw, 1.25rem);
  --t-body-lg: clamp(1.05rem, 1.3vw, 1.2rem);
  --t-body:    1rem;
  --t-small:   0.9rem;
  --t-micro:   0.78rem;

  --tracking-eslogan: 0.22em;
  --tracking-etiqueta: 0.16em;

  /* --- Espaciado --- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  --seccion-y: clamp(4rem, 9vw, 8rem);

  /* --- Layout --- */
  --ancho-max: 1280px;
  --ancho-texto: 68ch;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --alto-nav: 78px;

  /* --- Radios --- */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 16px;
  --r-xl: 26px;
  --r-full: 999px;

  /* --- Sombras --- */
  --sombra-sm: 0 1px 2px rgba(1, 29, 17, 0.06), 0 2px 6px rgba(1, 29, 17, 0.05);
  --sombra-md: 0 4px 12px rgba(1, 29, 17, 0.07), 0 12px 28px rgba(1, 29, 17, 0.07);
  --sombra-lg: 0 10px 24px rgba(1, 29, 17, 0.10), 0 28px 60px rgba(1, 29, 17, 0.12);
  --sombra-verde: 0 10px 30px rgba(2, 52, 30, 0.28);

  /* --- Movimiento --- */
  --ease-corte: cubic-bezier(0.76, 0, 0.24, 1);   /* Firma del "corte limpio" */
  --ease-suave: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-salida: cubic-bezier(0.4, 0, 1, 1);

  --dur-rapida: 180ms;
  --dur-media: 420ms;
  --dur-lenta: 760ms;
  --dur-corte: 900ms;

  --z-fondo: 0;
  --z-contenido: 10;
  --z-nav: 100;
  /* El menu movil va POR DEBAJO de la barra de navegacion: si quedara encima,
     taparia el propio boton de cierre y el usuario no podria salir. */
  --z-menu: 90;
  --z-flotante: 300;
  --z-cortina: 900;
}

/* Reduccion de movimiento: el sitio sigue siendo completo, solo se calma */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-rapida: 1ms;
    --dur-media: 150ms;
    --dur-lenta: 150ms;
    --dur-corte: 1ms;
  }
}