/* ==========================================================================
   EXOPOL · Web nueva · Tokens de diseño
   Paleta facilitada por Ana el 13-07-2026 (muestreo del diseño; el cliente
   no ha especificado los hex). No modificar sin confirmación del cliente.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Tipografía. El diseño usa Aptos (fuente de Microsoft/Office). Su licencia
   NO permite alojarla en la web, así que sólo la NOMBRAMOS: quien la tenga
   instalada (Windows/Office) la verá. Para el resto alojamos Inter (libre,
   OFL), casi idéntica. Un único woff2 variable cubre los 4 pesos del diseño
   (Light 300 · Regular 400 · SemiBold 600 · Bold 700).
   -------------------------------------------------------------------------- */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;   /* variable: todos los pesos en un fichero */
  font-display: swap;
  src: url("../fonts/InterVariable.woff2") format("woff2");
}

:root {
  /* --- Marca ------------------------------------------------------------ */
  --ex-verde:          #008b7b;   /* verde principal */
  --ex-verde-oscuro:   #0c4c43;
  --ex-gris-buscador:  #e6e6e6;   /* fondo de los buscadores */
  --ex-rosa:           #ff00ff;   /* rosa metálico: destacados del buscador */

  /* --- Color por especie ------------------------------------------------ */
  --ex-bovino:         #0c4c43;   /* vaca */
  --ex-ovino:          #008b7b;   /* cabra */
  --ex-conejos:        #5ae4d0;   /* conejo */
  --ex-acuicultura:    #8fede0;   /* pez */
  --ex-avicultura:     #cccccc;   /* gallina */
  --ex-porcino:        #ff8b8b;   /* cerdo */
  --ex-equino:         #ff5454;   /* caballo */
  --ex-compania:       #be1823;   /* gato */

  /* --- Neutros ---------------------------------------------------------- */
  --ex-negro:          #1a1a1a;
  --ex-texto:          #333333;
  --ex-blanco:         #ffffff;

  /* --- Tipografía ------------------------------------------------------- */
  --ex-font-base: "Aptos", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* --- Layout ----------------------------------------------------------- */
  --ex-radio:          8px;
  --ex-espacio:        1rem;
}

/* --------------------------------------------------------------------------
   Tinta sobre cada especie.

   Decisión de Ana (13-07-2026): se respeta el diseño de Exopol, que pone el
   texto y el icono en BLANCO sobre las ocho bandas. No se modifica.

   Queda constancia de que sobre las cuatro bandas claras el blanco no alcanza
   el contraste mínimo AA para texto grande (3:1):
       Conejos     #5ae4d0 → 1,56:1
       Acuicultura #8fede0 → 1,37:1
       Avicultura  #cccccc → 1,61:1
       Porcino     #ff8b8b → 2,25:1
   Si Exopol lo plantea alguna vez, la salida sin tocar la paleta es poner la
   tinta oscura solo en esas cuatro.
   -------------------------------------------------------------------------- */

.esp-bovino       { --esp-color: var(--ex-bovino);      --esp-tinta: #fff; }
.esp-ovino        { --esp-color: var(--ex-ovino);       --esp-tinta: #fff; }
.esp-conejos      { --esp-color: var(--ex-conejos);     --esp-tinta: #fff; }
.esp-acuicultura  { --esp-color: var(--ex-acuicultura); --esp-tinta: #fff; }
.esp-avicultura   { --esp-color: var(--ex-avicultura);  --esp-tinta: #fff; }
.esp-porcino      { --esp-color: var(--ex-porcino);     --esp-tinta: #fff; }
.esp-equino       { --esp-color: var(--ex-equino);      --esp-tinta: #fff; }
.esp-compania     { --esp-color: var(--ex-compania);    --esp-tinta: #fff; }