/* cimientos.css · Augurtek · pulido del 20-oct-2026 · ajuste de feedback del 21-oct (letra de párrafos, escala, espacio)
   Variables base de los cimientos (Arquitecto: Claude Fable 5.1). Se carga DESPUÉS de estilos.css y
   sobrescribe sólo :root. No contiene reglas de secciones: eso lo construye Opus 5.5 sobre estos tokens
   siguiendo cimientos/DISENO.md. Cada token dice para qué sirve y de dónde sale su valor.
   Sistema visual: el de la base (morado/verde, JetBrains Mono, ASCII tenue, laureles, robots). */

:root {
  /* ---------- Color (sin cambios respecto a la base; se repiten para que este archivo sea autosuficiente) ---------- */
  --morado: #1A0F2E;
  --morado-2: #261542;
  --morado-hondo: #120A22;
  --verde: #00FF66;
  --verde-2: #00D657;
  --tinta: #F2ECFB;
  --tinta-2: #BCADD9;
  --lavanda: #C9B7F7;
  --magenta: #E0218A;
  --linea-morado: rgba(201, 183, 247, .18);   /* separadores sobre morado (filas de servicios, pie de proyectos) */
  --linea-verde: rgba(26, 15, 46, .22);       /* separadores sobre verde (terminal «Para quién», retratos) */
  --isla: var(--morado);                      /* tarjeta morada sobre banda verde (proyectos) */

  /* ---------- Letra ---------- */
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --h1: clamp(40px, 4.6vw, 82px);             /* Ventidio, 21-oct: mayor lectura en escritorio sin ampliar el logo */
  --h1-en: clamp(34px, 3.6vw, 65px);
  --h1-movil: clamp(36px, 10vw, 46px);
  --h2: clamp(32px, 3.6vw, 65px);             /* título de sección */
  --h2-cierre: clamp(38px, 5vw, 95px);        /* «Trabaja con nosotros» */
  --h3: clamp(24px, 2.4vw, 42px);             /* servicio, proyecto, nombre de panel */
  /* 21-oct: César rechazó Inter en los párrafos («Esta tipografía no me gusta para nada»). Los párrafos de la
     landing van en JetBrains Mono 400; como es más ancha que Inter, bajan 1–3 px y abren el interlineado. */
  --texto: var(--mono);
  --lead: clamp(17px, 1.3vw, 24px);           /* entrada de sección y texto de portada */
  --cuerpo: clamp(17px, 1.1vw, 21px);
  --cuerpo-movil: 15.5px;
  --cuerpo-chico: clamp(15px, 1.05vw, 19px);                        /* tarjetas, retratos, subtítulos del ejemplo */
  --interlineado: 1.65;
  --mono-chica: clamp(13px, .9vw, 16px);                          /* numerales, etiquetas, «Pagos con tarjeta vía Stripe» */
  --medida: 46ch;                              /* ancho máximo de un párrafo */
  --medida-lead: 40ch;

  /* ---------- Ritmo y rejilla ---------- */
  --wrap: 1600px;
  --gutter: clamp(18px, 4.4vw, 64px);
  --rail: 0px;                                 /* era el carril del trazo del camino; sin camino no hay carril */
  --rail-x: 0px;
  --header-h: clamp(72px, 4.7vw, 90px);
  --header-h-movil: 62px;
  --radio: 4px;
  --radio-isla: 6px;
  --espacio: clamp(48px, 5vw, 80px);          /* 21-oct, Ventidio: ritmo compacto entre secciones */
  --espacio-chico: clamp(28px, 3vw, 48px);     /* separaciones internas */
  --espacio-declara: var(--espacio);
  --fila-pad: clamp(28px, 3.5vw, 40px);        /* alto de una fila de servicio */

  /* ---------- Portada y medallón ---------- */
  --medallon: clamp(301.875px, 44.275vw, 644px); /* Ventidio, 21-oct: tamaño previo aumentado exactamente un 15 % por petición de César */
  --medallon-movil: min(72vw, 300px);          /* antes min(54vw, 230px) */
  --medallon-ajuste-x: -2%;                    /* corrimiento del disco dentro de la órbita (el busto carga a la derecha) */
  --hero-gap: clamp(32px, 5vw, 80px);
  --hero-min-h: calc(100svh - var(--header-h));
  --hero-max-h: 920px;
  --halo-op: .18;                              /* luz verde detrás del medallón (única luz) */
  --orbita-r: 488;                             /* radio del anillo en el viewBox 0 0 1000 1000 */
  --orbita-op: .16;                            /* riel */
  --orbita-texto-op: .34;                      /* anillo de caracteres «>_ AUGURTEK» */
  --orbita-dur: 90s;                           /* giro completo; antes 70 s */
  --orbita-dur-2: 140s;                        /* segundo anillo, opcional, sentido contrario */
  --satelite: 9px;
  --aves-color: rgba(0, 255, 102, .68);       /* referencia; sitio.js pinta este valor */

  /* ---------- Ilustraciones ---------- */
  --robot: clamp(168px, 11vw, 210px);                              /* un solo tamaño de robot en toda la página */
  --robot-movil: 120px;
  --figura-max: 360px;                         /* (sin uso desde el 21-oct; se conserva por las legales y la historia) */
  --figura-max-movil: 220px;
  --figura-alto: clamp(440px, 54vw, 1000px);    /* 21-oct: alto del emperador de pie; llena su columna */
  --figura-alto-movil: min(124vw, 540px);
  --trono-max: 780px;                          /* 21-oct: antes 560 px; el trono llena el lateral del cierre */
  --trono-max-movil: 640px;
  --cierre-texto-fr: .86fr;                    /* columnas del cierre: texto | trono */
  --cierre-trono-fr: 1.14fr;
  --arte-proyecto-h: clamp(240px, 15.625vw, 300px);                    /* alto máximo del arte dentro de la tarjeta de proyecto */
  --sombra-arte: drop-shadow(0 18px 28px rgba(8, 3, 18, .55)) drop-shadow(0 0 22px rgba(0, 255, 102, .14));

  /* ---------- Fondo ASCII (Opus copia estos valores a las opciones de Ascii.Textura). Los frisos entre secciones se retiraron el 20-oct (T04). ---------- */
  --ascii-celda: 14;                           /* px por celda, escritorio */
  --ascii-celda-movil: 16;
  --ascii-fps: 8;                              /* tope de Grok: 30; bajo a propósito */
  --ascii-fps-movil: 6;
  --ascii-dpr-max: 1.5;
  --ascii-op-morado: .08;                      /* glifos lavanda sobre morado; rango de Grok 0.06–0.12 (21-oct: .07 → .08) */
  --ascii-op-verde: .12;                       /* glifos morados sobre verde (21-oct: .10 → .12; textura ya pareja, sin crestas «#%@») */

  /* ---------- Movimiento ---------- */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --t-ui: 240ms;
  --t-revela: 800ms;
  --flotar-dur: 7s;
  --flotar-amp: 6px;                           /* antes 9–10 px; más calma */
  --respira-dur: 4.6s;
  --respira-amp: 1.025;
  --entrada-titulo-retraso: 300ms;
  --aves-primera: 250;                         /* ms; T01: antes 2600 ms y fuera del lienzo */
  --aves-pausa-min: 9000;                      /* ms entre bandadas; antes 14–22 s */
  --aves-pausa-max: 14000;

  /* ---------- Capas ---------- */
  --z-fondo: 1;
  --z-textura: 2;
  --z-contenido: 3;
  --z-header: 50;
  --z-skip: 100;
}

@media (max-width: 1080px) {
  :root { --rail: 0px; --rail-x: 0px; }
}
@media (max-width: 720px) {
  :root { --header-h: var(--header-h-movil); --robot: var(--robot-movil); --figura-max: var(--figura-max-movil); --cuerpo: var(--cuerpo-movil); --cuerpo-chico: 14.5px; --lead: 16.5px; }
}