/* ═══════════════════════════════════════════════════════════════════
   MARCA — Agra Tec-Ti
   ═══════════════════════════════════════════════════════════════════

   Los valores del Manual de Identidad Corporativa (VectorCraft), en un
   solo lugar. Cada página los toma de aquí: sus propias variables
   (--green-500, --verde, --primary-green…) apuntan a éstas, para que el
   día que cambie un color cambie en todas a la vez.

   Lámina 04 — Paleta y tipografía:
     Verde Esmeralda Agro  #1A9A67  primario, inicio del degradado
     Verde Brote Bio-Tech  #96CF42  innovación, fin del degradado
     Verde Bosque Ejecutivo #0F3D2E fondos corporativos y titulares
     Gris Grafito          #6E6E6E  texto sobre blanco
     Tierra Fértil         #5C4A38  acento orgánico
     Degradado oficial: lineal 0°, #1A9A67 → #96CF42
     Raleway (Light 300 y Bold) para la voz de marca y los titulares;
     Roboto (Regular, Medium y Bold) para lo funcional y los reportes.
     "TEC-TI" nunca se escribe con una fuente: va siempre el logo.

   Lámina 03 — En fondos oscuros, el degradado luminoso y texto blanco.
   Lámina 06 — Nunca otra paleta; nunca texto gris sobre fondo oscuro.

   Los tonos "campo" y "luz" no son inventados: son los degradados que el
   propio manual define para fondos claros con texto encima y para fondos
   oscuros (gradAgraField y gradAgraBright). El esmeralda puro con letra
   blanca encima no llega al contraste mínimo (3.6:1); el esmeralda campo,
   sí (5.3:1). Por eso los botones y el texto verde van en "campo".
   ═══════════════════════════════════════════════════════════════════ */

:root {
    /* ── La paleta oficial ── */
    --marca-esmeralda: #1A9A67;
    --marca-brote: #96CF42;
    --marca-bosque: #0F3D2E;
    --marca-grafito: #6E6E6E;
    --marca-tierra: #5C4A38;

    /* ── Los tonos del manual para otros fondos ── */
    --marca-esmeralda-campo: #147A50;   /* texto y botones sobre blanco */
    --marca-brote-campo: #7CB832;
    --marca-esmeralda-luz: #22B57B;     /* sobre fondos oscuros */
    --marca-brote-luz: #A6E04E;
    --marca-bosque-noche: #0D261D;      /* fondo de la variante invertida */
    --marca-bosque-medio: #163F30;
    --marca-niebla: #E2F2EA;            /* TEC-TI sobre bosque */

    /* ── Fondos y líneas (medidos en las láminas) ── */
    --marca-fondo: #E8F1EC;
    --marca-rocio: #F7FBF8;
    --marca-caja: #F2F8F4;
    --marca-linea: #C5DDD0;
    --marca-linea-suave: #D6E8DE;
    --marca-papel: #F3EEE6;             /* papel reciclado (variante sustentable) */

    /* ── Degradados ── */
    --marca-degradado: linear-gradient(90deg, #1A9A67 0%, #96CF42 100%);
    --marca-degradado-campo: linear-gradient(90deg, #147A50 0%, #7CB832 100%);
    --marca-degradado-luz: linear-gradient(90deg, #22B57B 0%, #A6E04E 100%);
    /* Para botones con letra blanca: del bosque al esmeralda campo, sin llegar
       al esmeralda puro ni al brote (con blanco encima no se leerían). Todo el
       degradado pasa de 4.5:1 con letra blanca. */
    --marca-degradado-boton: linear-gradient(135deg, #0F5E3E 0%, #147A50 55%, #168553 100%);

    /* ── Estados (no son de la paleta: avisos y errores necesitan su color) ── */
    --marca-aviso: #9A6400;
    --marca-aviso-fondo: #FFF4DC;
    --marca-error: #B3261E;
    --marca-error-fondo: #FDECEA;

    /* ── Tipografía ── */
    --marca-fuente-titulos: 'Raleway', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --marca-fuente-texto: 'Roboto', system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

    /* Raleway trae los números "de texto" (el 3, el 4 y el 9 bajan de la
       línea). En una cifra —un precio, unas hectáreas— eso se lee como un
       error: se piden los números alineados en todas partes. */
    font-variant-numeric: lining-nums;
}
/* Y también por font-feature-settings: el atajo `font:` (que usan casi todas
   las páginas) devuelve font-variant-numeric a "normal" en cada elemento que
   lo declara; font-feature-settings no lo toca y se hereda. */
html { font-feature-settings: "lnum" 1; }

/* ── Los íconos (iconos.js) ── */
.ico {
    width: 1.15em; height: 1.15em; flex: 0 0 auto; vertical-align: -0.2em;
    fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
}
.ico .r { fill: currentColor; fill-opacity: 0.16; stroke: none; }
.ico.grande { width: 2.2em; height: 2.2em; }
.ico.medio { width: 1.5em; height: 1.5em; }

/* ── La etiqueta de sección del manual: mayúsculas, espaciada, esmeralda ── */
.marca-etiqueta {
    font-family: var(--marca-fuente-titulos); font-weight: 700; font-size: 0.72rem;
    letter-spacing: 0.18em; text-transform: uppercase; color: var(--marca-esmeralda-campo);
}
/* ── La barra de degradado que abre cada lámina ── */
.marca-barra { height: 4px; border-radius: 4px; background: var(--marca-degradado); }