/* COLÁGENO DORADO · tokens de identidad v3.1 · 2026-10-03 · contraste corregido
   Copia del kit (theme/cd-tokens.css). Cambios del tema: rutas de fuentes a assets/fonts/
   y se añade la itálica oficial. El resto, literal: el tema lo carga como capa base. */
:root{
  --cd-dorado-profundo:#A87320;
  --cd-ambar:#B98A2E;
  --cd-dorado-claro:#C9A23F;
  --cd-hierro:#241E14;
  --cd-hueso:#F6EEDB;
  --cd-papel:#FBF6EA;
  --cd-lineas:#D8CDB4;
  --cd-madera:#3A3022;
  --cd-texto-suave:#6B5F4A;

  --cd-serif:"Libre Caslon Text",Georgia,serif;
  --cd-sans:"Work Sans",system-ui,sans-serif;
}

/* Fondo y texto base */
body{background:var(--cd-hueso);color:var(--cd-hierro);font-family:var(--cd-serif)}
a{color:var(--cd-hierro)}
a:hover{color:var(--cd-hierro);text-decoration:underline;text-decoration-color:var(--cd-dorado-profundo);text-underline-offset:.2em}
/* v3.1: antes era color dorado profundo sobre hueso = 3.54:1, bajo AA para texto */

/* Titulares */
h1,h2,h3{font-family:var(--cd-serif);font-weight:400;line-height:1.15;text-wrap:pretty}

/* Descriptor y microtexto — la voz del dato */
.cd-descriptor{font-family:var(--cd-sans);font-weight:600;font-size:.72rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cd-texto-suave)}
.cd-remate{font-family:var(--cd-sans);font-weight:500;font-size:.68rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--cd-texto-suave)}

/* «oro líquido» */
.cd-apodo{font-family:var(--cd-serif);font-style:italic}

/* Botón de pedido */
.cd-boton{display:inline-block;background:var(--cd-hierro);color:var(--cd-hueso);
  font-family:var(--cd-sans);font-weight:600;letter-spacing:.02em;
  padding:.9em 1.5em;text-decoration:none;border:0}
.cd-boton:hover{background:var(--cd-madera);color:var(--cd-hueso)}
.cd-boton--dorado{background:var(--cd-ambar);color:var(--cd-hierro)}
.cd-boton--dorado:hover{background:var(--cd-hierro);color:var(--cd-hueso)}
/* v3.1: antes era hueso sobre dorado profundo = 3.54:1, bajo AA para texto de botón */

/* Cabecera: el lockup como imagen, nunca como texto */
.cd-logo-cabecera{display:block;width:clamp(150px,22vw,260px);height:auto}
.cd-logo-movil{display:block;width:clamp(90px,28vw,140px);height:auto}

/* Secciones oscuras */
.cd-seccion--hierro{background:var(--cd-hierro);color:var(--cd-hueso)}
.cd-seccion--hierro a{color:var(--cd-dorado-claro)}
.cd-seccion--dorado{background:var(--cd-ambar);color:var(--cd-hierro)}
.cd-seccion--dorado a{color:var(--cd-hierro)}

/* Filete decorativo del sistema */
.cd-filete{border:0;height:1px;background:var(--cd-lineas);margin:2rem 0}

/* v3.1 · fuentes locales (no Google Fonts: el sitio no envía datos a terceros) */
@font-face{font-family:"Libre Caslon Text";src:url("../fonts/LibreCaslonText-VF.woff2") format("woff2"),url("../fonts/LibreCaslonText-VF.ttf") format("truetype");font-weight:400 700;font-style:normal;font-display:swap}
/* Tema: itálica oficial (google/fonts, OFL) — «oro líquido» en cursiva real, no sintetizada */
@font-face{font-family:"Libre Caslon Text";src:url("../fonts/LibreCaslonText-Italic-VF.woff2") format("woff2"),url("../fonts/LibreCaslonText-Italic-VF.ttf") format("truetype");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Work Sans";src:url("../fonts/WorkSans-VF.woff2") format("woff2"),url("../fonts/WorkSans-VF.ttf") format("truetype");font-weight:400 700;font-style:normal;font-display:swap}

/* v3.1 · sellos de beneficio */
.cd-sellos{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
@media (max-width:700px){.cd-sellos{grid-template-columns:repeat(2,1fr)}}
.cd-sello img{width:44px;height:44px;margin:0 auto .6rem;display:block}
.cd-sello span{font-family:var(--cd-sans);font-weight:600;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cd-hierro);line-height:1.4}
.cd-seccion--hierro .cd-sello span{color:var(--cd-hueso)}