/* =========================================================
   IDENTIDAD C · "GRABADO NATURALISTA"
   Derivada del sello grabado: anillo verde oliva, papel crema,
   oso de anteojos, colibrí, frailejón, puya y el río entre montañas nevadas.
   Se activa con <html data-identidad="grabado">.
   Además: el sello grabado es ahora el logo de la identidad A.
   ========================================================= */

/* ---------- Sello grabado en la marca (A y C) ---------- */
.brand__logo--grabado { display: none; }
html:not([data-identidad="logo"]) .brand__mark { display: none; }
html:not([data-identidad="logo"]) .brand__logo--grabado {
  display: block; width: 50px; height: 50px; flex: none; border-radius: 50%; object-fit: cover;
  background: #f4efe3; box-shadow: 0 0 0 1.5px rgba(255, 255, 255, .55);
}
html:not([data-identidad="logo"]) .footer__brand .brand__logo--grabado { width: 96px; height: 96px; }
/* ---------- Halo del sello ----------
   El logo no flota suelto: sale de un halo de luz del color de su papel,
   con anillos concéntricos (ondas de agua y de sonido) que lo funden con el fondo. */
html:not([data-identidad="logo"]) .brand__logo--grabado {
  width: 56px; height: 56px;
  box-shadow:
    0 0 0 1.5px rgba(244, 239, 227, .95),
    0 0 0 5px rgba(244, 239, 227, .16),
    0 0 0 10px rgba(244, 239, 227, .07),
    0 0 26px 8px rgba(244, 239, 227, .32);
}
/* sobre fondos claros (encabezado al bajar, versión C) el halo es verde oliva, como el anillo del sello */
html:not([data-identidad="logo"]) .site-header.is-scrolled .brand__logo--grabado,
html[data-identidad="grabado"] body:not(.has-hero-video) .site-header .brand__logo--grabado {
  box-shadow:
    0 0 0 1.5px rgba(75, 90, 51, .55),
    0 0 0 5px rgba(75, 90, 51, .12),
    0 0 0 10px rgba(75, 90, 51, .05);
}
.logo-grabado {
  box-shadow:
    0 0 0 2px rgba(244, 239, 227, .95),
    0 0 0 12px rgba(244, 239, 227, .14),
    0 0 0 26px rgba(244, 239, 227, .07),
    0 0 0 44px rgba(244, 239, 227, .035),
    0 0 70px 24px rgba(244, 239, 227, .3) !important;
}
html[data-identidad="grabado"] .logo-grabado {
  box-shadow:
    0 0 0 2px rgba(75, 90, 51, .5),
    0 0 0 12px rgba(75, 90, 51, .1),
    0 0 0 26px rgba(75, 90, 51, .05),
    0 0 0 44px rgba(75, 90, 51, .025),
    0 0 70px 24px rgba(255, 255, 255, .7) !important;
}

/* ?logo=creado: muestra el primer logo de A (símbolo lineal de ondas) en lugar del sello */
html[data-logo="creado"] .brand__mark { display: block; }
html[data-logo="creado"] .brand__logo--grabado, html[data-logo="creado"] .brand__logo { display: none !important; }

/* ---------- Tokens ---------- */
html[data-identidad="grabado"] {
  --ink: #1f1d1a;          /* carbón del oso */
  --forest: #2f3a24;       /* musgo profundo */
  --moss: #4b5a33;         /* verde oliva del anillo */
  --water: #4b5a33;        /* acento principal: oliva */
  --water-deep: #2f3a24;
  --water-light: #cfc79c;  /* oliva claro / paja, para fondos oscuros */
  --mist: #ebe4d1;         /* pergamino */
  --stone: #5a5548;        /* sepia para textos secundarios (AA) */
  --stone-light: #d6cdb6;
  --paper: #f4efe3;        /* papel crema del sello */
  --earth: #a24a24;        /* óxido de la puya (AA sobre crema) */
  --clay: #b8912e;         /* ocre de las flores */
  --font-display: "Cinzel", "Trajan Pro", Georgia, serif;
  --font: "EB Garamond", Garamond, Georgia, serif;
  --radius: 2px;
}
html[data-identidad="grabado"] body {
  font-family: var(--font); font-size: 1.16rem; line-height: 1.6;
  /* textura de papel */
  background-color: var(--paper);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
}

/* ---------- Tipografía: capitales romanas grabadas ---------- */
html[data-identidad="grabado"] .display,
html[data-identidad="grabado"] .page-hero h1,
html[data-identidad="grabado"] .listen__title,
html[data-identidad="grabado"] .participate__statement,
html[data-identidad="grabado"] .closing__phrase {
  font-weight: 500; letter-spacing: .02em; line-height: 1.12; font-variation-settings: normal;
}
html[data-identidad="grabado"] .display { font-size: clamp(1.8rem, 4.2vw, 3.4rem); }
html[data-identidad="grabado"] .page-hero h1 { font-size: clamp(2.1rem, 6vw, 4.4rem); }
html[data-identidad="grabado"] .participate__statement,
html[data-identidad="grabado"] .listen__title { font-size: clamp(1.9rem, 4.8vw, 3.8rem); }
html[data-identidad="grabado"] .closing__phrase { font-size: clamp(1.6rem, 4.2vw, 3.4rem); }
html[data-identidad="grabado"] em { font-style: normal; }
html[data-identidad="grabado"] .display em,
html[data-identidad="grabado"] .page-hero h1 em { color: var(--earth); }
html[data-identidad="grabado"] .section--dark .display em,
html[data-identidad="grabado"] .section--forest .display em,
html[data-identidad="grabado"] .section--water .display em,
html[data-identidad="grabado"] .on-dark .display em,
html[data-identidad="grabado"] .page-hero h1 em,
html[data-identidad="grabado"] .participate__statement em,
html[data-identidad="grabado"] .listen__title em,
html[data-identidad="grabado"] .closing__phrase em { color: var(--clay); }
html[data-identidad="grabado"] .hero__title {
  font-weight: 600; letter-spacing: .04em; line-height: 1; font-size: clamp(2.4rem, min(11vw, 13vh), 8rem); font-variation-settings: normal;
}
html[data-identidad="grabado"] .hero__title .axis { color: var(--earth); }
html[data-identidad="grabado"] .verses p { font-family: var(--font); font-size: clamp(1.4rem, 3.2vw, 2.3rem); font-weight: 400; }
html[data-identidad="grabado"] .verses p:nth-child(odd) { font-style: italic; }
html[data-identidad="grabado"] .about-statement,
html[data-identidad="grabado"] .mission__quote,
html[data-identidad="grabado"] .vision__text { font-family: var(--font); font-weight: 400; }
html[data-identidad="grabado"] .vision__year { font-weight: 500; -webkit-text-stroke-width: 1.2px; }
html[data-identidad="grabado"] .marquee__track span { font-size: clamp(1.6rem, 4vw, 2.8rem); font-weight: 500; }
html[data-identidad="grabado"] .marquee__track span:nth-child(even) { font-style: normal; color: var(--earth); }
html[data-identidad="grabado"] .h3,
html[data-identidad="grabado"] .principle__title,
html[data-identidad="grabado"] .line-card__title,
html[data-identidad="grabado"] .journey__name,
html[data-identidad="grabado"] .timeline__year,
html[data-identidad="grabado"] .footer__phrase { font-weight: 500; letter-spacing: .02em; font-style: normal; }
html[data-identidad="grabado"] .principle__title { font-size: 1.15rem; }
html[data-identidad="grabado"] .journey__name { font-size: 1.12rem; }
html[data-identidad="grabado"] .eyebrow,
html[data-identidad="grabado"] .btn,
html[data-identidad="grabado"] .link-arrow,
html[data-identidad="grabado"] .brand__name,
html[data-identidad="grabado"] .nav__list a { font-family: var(--font-display); }
html[data-identidad="grabado"] .eyebrow { letter-spacing: .18em; font-weight: 600; }
html[data-identidad="grabado"] .nav__list a { letter-spacing: .08em; }
html[data-identidad="grabado"] .format__num,
html[data-identidad="grabado"] .line-card__num,
html[data-identidad="grabado"] .steps__n { font-family: var(--font-display); font-style: normal; }

/* ramita de laurel como ornamento (en vez de la onda) */
html[data-identidad="grabado"] .eyebrow::before,
html[data-identidad="grabado"] .marquee__track span::after {
  width: 30px; height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12' fill='none' stroke='%234b5a33' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M1 6h28'/%3E%3Cpath d='M6 6c1-3 3-4 5-4M6 6c1 3 3 4 5 4M13 6c1-3 3-4 5-4M13 6c1 3 3 4 5 4M20 6c1-3 3-4 5-4M20 6c1 3 3 4 5 4'/%3E%3C/svg%3E");
}
html[data-identidad="grabado"] .section--dark .eyebrow::before,
html[data-identidad="grabado"] .section--forest .eyebrow::before,
html[data-identidad="grabado"] .section--water .eyebrow::before,
html[data-identidad="grabado"] .on-dark .eyebrow::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12' fill='none' stroke='%23cfc79c' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M1 6h28'/%3E%3Cpath d='M6 6c1-3 3-4 5-4M6 6c1 3 3 4 5 4M13 6c1-3 3-4 5-4M13 6c1 3 3 4 5 4M20 6c1-3 3-4 5-4M20 6c1 3 3 4 5 4'/%3E%3C/svg%3E");
}

/* ---------- Botones: sobrios, esquinas casi rectas ---------- */
html[data-identidad="grabado"] .btn { --btn-bg: var(--moss); --btn-bd: var(--moss); --btn-fg: var(--paper); --btn-ripple: var(--forest); border-radius: 2px; letter-spacing: .16em; font-weight: 600; }
html[data-identidad="grabado"] .btn--ghost { --btn-bg: transparent; --btn-fg: currentColor; --btn-bd: currentColor; }
html[data-identidad="grabado"] .btn--light { --btn-bg: var(--paper); --btn-fg: var(--forest); --btn-bd: var(--paper); }
html[data-identidad="grabado"] .site-header .btn--support { --btn-bg: var(--earth); --btn-bd: var(--earth); --btn-fg: #fff; --btn-ripple: var(--forest); }
html[data-identidad="grabado"] .chip, html[data-identidad="grabado"] .filter-btn { border-radius: 2px; }

/* ---------- Doble filete, como el anillo del sello ---------- */
html[data-identidad="grabado"] .principles,
html[data-identidad="grabado"] .formats,
html[data-identidad="grabado"] .docs-grid,
html[data-identidad="grabado"] .way-list,
html[data-identidad="grabado"] .steps { outline: 1px solid rgba(75, 90, 51, .35); outline-offset: 5px; }
html[data-identidad="grabado"] .principle,
html[data-identidad="grabado"] .format,
html[data-identidad="grabado"] .doc-card,
html[data-identidad="grabado"] .way-list > div,
html[data-identidad="grabado"] .steps li { background: rgba(250, 247, 239, .92); }
html[data-identidad="grabado"] .principle:hover { background: var(--forest); }

/* ---------- Portada clara, como un grabado sobre papel ---------- */
html[data-identidad="grabado"] .hero { background: #efe8d6; color: var(--ink); }
html[data-identidad="grabado"] .hero::after {
  background:
    linear-gradient(to top, rgba(244, 239, 227, .93) 0%, rgba(244, 239, 227, .55) 34%, rgba(244, 239, 227, 0) 60%),
    linear-gradient(to right, rgba(244, 239, 227, .78) 0%, rgba(244, 239, 227, 0) 55%);
}
html[data-identidad="grabado"] .hero__sub { color: var(--stone); }
html[data-identidad="grabado"] .hero .btn--light { --btn-bg: var(--moss); --btn-fg: var(--paper); --btn-bd: var(--moss); --btn-ripple: var(--forest); }
html[data-identidad="grabado"] .hero .btn--ghost { --btn-fg: var(--moss); --btn-bd: var(--moss); --btn-ripple: var(--moss); }
html[data-identidad="grabado"] .site-header:not(.is-scrolled) { color: var(--ink); }
html[data-identidad="grabado"] .site-header.is-scrolled { background: rgba(244, 239, 227, .95); }
html[data-identidad="grabado"].nav-open .site-header, html[data-identidad="grabado"] .nav-open .site-header { color: var(--paper); }

html[data-identidad="grabado"] #sky stop:nth-child(1) { stop-color: #faf6ec; }
html[data-identidad="grabado"] #sky stop:nth-child(2) { stop-color: #f1ead9; }
html[data-identidad="grabado"] #sky stop:nth-child(3) { stop-color: #e0d7c0; }
html[data-identidad="grabado"] #glow stop { stop-color: #ffffff; }
html[data-identidad="grabado"] #r1 stop:nth-child(1) { stop-color: #cfcab6; }
html[data-identidad="grabado"] #r1 stop:nth-child(2) { stop-color: #b8b39b; }
html[data-identidad="grabado"] #r2 stop:nth-child(1) { stop-color: #a3a181; }
html[data-identidad="grabado"] #r2 stop:nth-child(2) { stop-color: #858665; }
html[data-identidad="grabado"] #r3 stop:nth-child(1) { stop-color: #f4efe3; }
html[data-identidad="grabado"] #r3 stop:nth-child(2) { stop-color: #e9e2cf; }
html[data-identidad="grabado"] #water stop:nth-child(1) { stop-color: #e6ebe8; }
html[data-identidad="grabado"] #water stop:nth-child(2) { stop-color: #b8c4c4; }
html[data-identidad="grabado"] #water stop:nth-child(3) { stop-color: #8d9d9e; }
html[data-identidad="grabado"] .hero__art .fog ellipse { fill: #fbf8f0; opacity: .6; }
html[data-identidad="grabado"] .hero__art .ground-dark { fill: #e3dbc5; }
html[data-identidad="grabado"] .hero__art .ripple-ring { stroke: var(--moss); }
html[data-identidad="grabado"] .hero__art .grain { opacity: .5; }
html[data-identidad="grabado"] .art-logo { display: inline; fill: #6e7a4c; }
html[data-identidad="grabado"] .art-logo g[fill="#4f8fcf"] { fill: #a4ab7c; }
html[data-identidad="grabado"] .hummingbird path, html[data-identidad="grabado"] .hummingbird circle:not([fill="#ffffff"]) { fill: #5f8a3a; }
html[data-identidad="grabado"] .hummingbird path[fill="#b9d4f0"] { fill: #9fb07a; }
html[data-identidad="grabado"] .hummingbird path[fill="#4f8fcf"] { fill: #2f3a24; }
html[data-identidad="grabado"] .hummingbird path[fill="#6fa3da"] { fill: #4b6b2e; }

/* ---------- Espacios fotográficos en sepia y oliva ---------- */
html[data-identidad="grabado"] .ph { --ph-bg: linear-gradient(165deg, #c9c3ad 0%, #8f8c6c 45%, #4b5a33 85%, #2f3a24 100%); }
html[data-identidad="grabado"] .ph--paramo      { --ph-bg: linear-gradient(170deg, #e2dcc8 0%, #b3ae8c 40%, #7a7d56 80%, #4b5a33 100%); }
html[data-identidad="grabado"] .ph--nacimiento  { --ph-bg: linear-gradient(170deg, #eeeadf 0%, #c3c7bb 40%, #8e9b8e 80%, #55644c 100%); }
html[data-identidad="grabado"] .ph--quebrada    { --ph-bg: linear-gradient(165deg, #dfe2da 0%, #a8b2aa 40%, #6f7f6e 80%, #3f4c34 100%); }
html[data-identidad="grabado"] .ph--rio         { --ph-bg: linear-gradient(165deg, #cfd5cf 0%, #8d9d9e 45%, #56655a 80%, #2f3a24 100%); }
html[data-identidad="grabado"] .ph--bosque      { --ph-bg: linear-gradient(165deg, #9aa07a 0%, #606b40 45%, #3b4428 80%, #1f2418 100%); }
html[data-identidad="grabado"] .ph--fauna       { --ph-bg: linear-gradient(160deg, #a59e87 0%, #5e5a4c 50%, #1f1d1a 100%); }
html[data-identidad="grabado"] .ph--comunidad   { --ph-bg: linear-gradient(165deg, #d9c69a 0%, #b8912e 40%, #7a5a26 80%, #3d2d18 100%); }
html[data-identidad="grabado"] .ph--ciencia     { --ph-bg: linear-gradient(165deg, #d6cdb6 0%, #9c947c 45%, #5a5548 85%, #2c2a24 100%); }
html[data-identidad="grabado"] .ph--educacion   { --ph-bg: linear-gradient(165deg, #eadfc0 0%, #c9a95a 40%, #8f6d2a 80%, #4a3818 100%); }
html[data-identidad="grabado"] .ph--escucha     { --ph-bg: linear-gradient(170deg, #eeeadf 0%, #b9b79c 35%, #6e7a4c 70%, #2f3a24 100%); }
html[data-identidad="grabado"] .ph--restauracion{ --ph-bg: linear-gradient(165deg, #d8d2b5 0%, #9ea06f 40%, #5d6a3a 78%, #2f3a24 100%); }
html[data-identidad="grabado"] .line-card::after { background: linear-gradient(to top, rgba(31, 29, 26, .9) 0%, rgba(31, 29, 26, .25) 55%, rgba(31, 29, 26, .05)); }
html[data-identidad="grabado"] .page-hero::after { background: linear-gradient(to top, rgba(31, 29, 26, .85), rgba(31, 29, 26, .12) 70%); }
html[data-identidad="grabado"] .closing::after { background: radial-gradient(ellipse at center, rgba(31, 29, 26, .25), rgba(31, 29, 26, .72)); }

/* ---------- Secciones oscuras en musgo y carbón ---------- */
html[data-identidad="grabado"] .listen { background: #1f2418; }
html[data-identidad="grabado"] .journey-band {
  background: linear-gradient(90deg, #e2dcc8 0%, #eeeadf 16%, #b8c4c4 30%, #8d9d9e 46%, #4b5a33 62%, #b8912e 80%, #1f1d1a 100%);
}
html[data-identidad="grabado"] .journey__drop { background: var(--moss); box-shadow: 0 0 0 6px rgba(75, 90, 51, .2); }
html[data-identidad="grabado"] .map-pin span { --pin: #4b5a33 !important; }
html[data-identidad="grabado"] .status--ejecucion { color: var(--moss); }