/* MARCA VALENTINA NOVIKOVA (Brandboard v2, pp. 6-17 y 36-37). Se carga la ultima.
   Mantiene la diagramacion; cambia colores y tipografia a la marca de VN:
   verde #344641 y tinta #304247 en lugar del negro; camel #A78F73 (oscurecido #8A6F4E / #7A6248 para texto sobre claro);
   piedra #CAC3BB, gris #DFE0E2; Urbanist en todo (titulares 700-800, caja normal); Cinzel Decorative solo en el nombre, cifras destacadas y citas cortas (manual p. 37). */
:root{
  --ink:#304247;            /* tinta: texto oscuro y fondos oscuros */
  --ink2:#344641;           /* verde de marca: fondos oscuros alternos */
  --green:#26332f;          /* hover de botones oscuros */
  --camel:#A78F73;--camel-hi:#CDB596;--camel-dk:#7A6248;--camel-t:#8A6F4E;
  --terra:#AF7757;--stone:#CAC3BB;--grey:#DFE0E2;
  --paper:#F2F3F4;--sand:#EAE5DE;
  --text:#304247;--muted:#58676a;--line:#dcdfe0;
  --on-camel:#1d2829;       /* texto sobre camel: contraste >= 4.5 */
  --serif:"Urbanist",system-ui,sans-serif;
  --display:"Urbanist",system-ui,sans-serif;
  --cinzel:"Cinzel Decorative",Georgia,serif;
}
body{color:var(--text)}

/* titulares: Urbanist, peso alto, caja normal */
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.025em;line-height:1.04}
h3{font-weight:700;letter-spacing:-.015em;line-height:1.12}
h2 em,h3 i,h1 em,.ptitle em,.giant em,.mani-text em{font-style:normal}
h2{font-size:clamp(2.1rem,4.1vw,3.5rem)}
h3{font-size:clamp(1.5rem,2.2vw,2rem)}
h2 em{color:var(--camel-t)}
.sec.ink h2 em,.eco-head h2 em,.advisory h2 em,.band-cta h2 em,.ptitle em{color:var(--camel-hi)}

/* hero de la portada */
.hero-title{font-size:clamp(2.6rem,5.7vw,5.6rem);line-height:1.02;letter-spacing:-.035em}
.hero-title .hl em{font-style:normal;color:var(--on-camel)}
.hero-title .ln>span{max-width:100%}
.hero::before{background:radial-gradient(60% 70% at 78% 40%,rgba(167,143,115,.22),transparent 70%),radial-gradient(40% 50% at 10% 90%,rgba(52,70,65,.7),transparent 70%)}
.hero-veil{background:linear-gradient(90deg,rgba(48,66,71,.95) 0%,rgba(48,66,71,.84) 38%,rgba(48,66,71,.3) 70%,rgba(48,66,71,.18) 100%),linear-gradient(0deg,rgba(48,66,71,.9) 0%,transparent 30%)}
@media (max-width:760px){.hero-veil{background:linear-gradient(180deg,rgba(48,66,71,.2) 0%,rgba(48,66,71,.15) 55%,var(--ink) 100%)}}

/* cabeceras de pagina */
.ptitle{font-size:clamp(2.5rem,5.2vw,4.9rem);line-height:1.02;letter-spacing:-.035em;max-width:16ch}
.phero.short .ptitle{max-width:20ch}
.phero-media::after{background:linear-gradient(90deg,var(--ink) 0%,rgba(48,66,71,.72) 22%,rgba(48,66,71,.18) 55%,transparent 100%),linear-gradient(0deg,rgba(48,66,71,.75) 0%,transparent 30%)}
@media (max-width:760px){.phero-media::after{background:linear-gradient(180deg,rgba(48,66,71,.15) 0%,rgba(48,66,71,.2) 50%,var(--ink) 100%)}}

/* bloques grandes */
.giant{font-size:clamp(2.8rem,8.5vw,7.4rem);letter-spacing:-.04em;line-height:.98}
.giant em{color:var(--camel-t)}
.mani-text{font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,3.3vw,2.9rem);line-height:1.18;letter-spacing:-.02em;max-width:28ch}
.marquee-track span{font-family:var(--display);font-style:normal;font-weight:700;letter-spacing:-.02em;font-size:clamp(1.5rem,2.8vw,2.3rem)}
.foot-marquee span{font-size:clamp(2rem,4.6vw,3.8rem)}
.drawer a:not(.btn){font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:clamp(1.8rem,6vw,2.2rem)}
.expand-quote{font-family:var(--display);font-style:normal;font-weight:800}

/* Cinzel: cifras, numeros y detalles de firma */
.num-item b,.k-num,.eco-n,.card .n,.ev-date b,.book-steps li::before,.toc a::before{font-family:var(--cinzel);font-weight:700;letter-spacing:0}
.num-item b{font-size:clamp(3.2rem,6.4vw,5.6rem)}
.k-num{font-size:2.8rem}
.eco-n{font-size:3.6rem}
.card .n{font-size:2.6rem}
.k-glyph{font-family:var(--cinzel);font-style:normal;font-weight:700;font-size:7rem}
.ev-date b{font-size:3rem}
.book-steps li::before{font-size:1.4rem;color:var(--camel-t)}
.timeline b,.tl b,.formats b{font-family:var(--display);font-weight:800;letter-spacing:-.02em}
.timeline b{font-size:1.45rem}.tl b{font-size:1.7rem}.formats b{font-size:1.45rem}
.prose p:first-child{font-family:var(--display);font-weight:700;letter-spacing:-.015em;font-size:clamp(1.4rem,2.1vw,1.8rem);line-height:1.3}
.ev-date{font-family:var(--display)}

/* camel: el texto que va encima usa la tinta profunda */
.btn-camel,.lang button[aria-pressed=true],.lang a[aria-current=true],.next-pill b{color:var(--on-camel)}
.keynotes,.sec.camel{color:var(--on-camel)}
.keynotes .eyebrow.dark,.sec.camel .eyebrow.dark,.k-foot{color:var(--on-camel)}
.k-head h2,.sec.camel h2{color:var(--on-camel)}
.sec.camel h2 em{color:#fff}
.k-head h2 em{color:#fff}
.hero-title .box{background:var(--camel)}

/* texto camel sobre claro: version oscurecida */
.eyebrow,.tag,.go,.more,.post .src,.route .who,.c-item small,.ev-date span,.toc a::before,.k-body h3 i,.card h3 i{color:var(--camel-dk)}
.eyebrow.light{color:var(--camel-hi)}
.k-num,.eco-n,.card .n{color:var(--camel-t)}
.k-photo-dark .k-glyph{color:var(--camel)}
.chip{background:var(--paper);color:var(--camel-dk)}
.chip.up{background:var(--ink);color:var(--camel-hi)}
.ev.past .ev-date b{color:#8f9698}

/* superficies */
.numbers,.book,.sec.paper{background:var(--paper)}
.sec.paper .card{border-color:var(--line)}
.post.soon{background:var(--sand)}
.faq,.faq-item{border-color:#d3d7d8}
.form input,.form select,.form textarea{border-bottom-color:#9aa3a5}
.form-card{border-color:var(--line)}
.k-photo,.photo,.arch{background:var(--ink2)}
.top.solid{box-shadow:0 1px 0 var(--line)}
.band{background:var(--ink2)}
.eco{background:var(--ink2)}
.advisory{background:var(--ink2)}
.advisory::after{background:linear-gradient(90deg,var(--ink2) 50%,rgba(52,70,65,.15) 85%)}
@media (max-width:760px){.advisory::after{background:linear-gradient(180deg,rgba(52,70,65,.4),var(--ink2) 70%)}}
.card.dark{background:var(--ink2)}
.sec.ink,.band-cta,.foot,.drawer,.phero{background:var(--ink)}
.band-cta::before{background:radial-gradient(50% 80% at 50% 120%,rgba(167,143,115,.3),transparent 70%)}
.kcard{box-shadow:0 30px 60px -30px rgba(48,66,71,.45)}
.k-photo-dark{background:radial-gradient(circle at 30% 30%,var(--ink2),var(--ink))}
.next-pill{background:rgba(48,66,71,.6)}
.next-pill:hover{background:rgba(48,66,71,.85)}
mark{background-image:linear-gradient(var(--camel),var(--camel))}
.leave mark{background-image:linear-gradient(rgba(167,143,115,.4),rgba(167,143,115,.4))}

@media (max-width:760px){
  .ptitle{font-size:clamp(2.2rem,9.6vw,3rem)}
  .hero-title{font-size:clamp(2.3rem,10vw,3.2rem)}
  h2{font-size:clamp(1.9rem,8vw,2.5rem)}
  .num-item b{font-size:2.8rem}
  .k-glyph{font-size:5rem}
}

/* ---------- revision UX (ui-ux-pro-max): accesibilidad, toque, formularios, navegacion ---------- */
/* contraste de textos secundarios sobre tinta */
.legal{color:rgba(255,255,255,.74);font-size:.9rem}
.crumb{color:rgba(255,255,255,.74)}
.foot nav a{color:rgba(255,255,255,.82)}
.keynotes .more,.sec.camel .more{color:var(--on-camel)}
/* foco visible en cualquier fondo */
:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--ink);border-radius:4px}
.btn:focus-visible{border-radius:999px}
/* objetivos tactiles de 44 px */
.lang a,.lang button{min-height:44px;min-width:44px}
.burger{width:48px;height:48px}
.foot nav a,.legal a,.foot-mail{display:inline-flex;align-items:center;min-height:44px}
.foot nav{gap:4px 24px}
.more,.eco-links a{min-height:44px;align-items:center;padding-bottom:0}
.eco-links a{display:inline-flex}
.toc a{min-height:44px;align-items:center}
.crumb a{display:inline-flex;align-items:center;min-height:44px}
.card .go a,.post .go a{display:inline-flex;align-items:center;min-height:44px}
.faq-item summary{min-height:56px}
.consent{min-height:44px}
/* respuesta al pulsar y estados */
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.55;cursor:progress}
a,button,summary,select,label.consent{cursor:pointer}
a.card,.ws{transition:border-color .25s,transform .3s var(--ease),box-shadow .3s}
.faq-ic{transition:transform .25s var(--ease),background .2s}
.rv{transition-duration:.7s}
/* formularios: obligatorios y errores junto al campo */
.req{color:#a33d2a;margin-left:2px}
.form [aria-invalid=true]{border-bottom-color:#a33d2a!important}
.consent input[aria-invalid=true]{outline:2px solid #a33d2a;outline-offset:2px}
.field-err{display:block;font-size:.85rem;font-weight:600;letter-spacing:0;text-transform:none;color:#a33d2a;margin-top:2px}
.form-msg.err{color:#a33d2a}
.form-msg.ok{color:#2f5d4e}
/* medida de linea */
.longbody{max-width:680px}
.cap{font-size:.9rem}
/* navegacion: seccion activa para las paginas pilar */
.nav a[aria-current=true]::after{transform:scaleX(1)}
.drawer a[aria-current=true]{color:var(--camel-hi)}
@media (max-width:760px){.legal{font-size:1rem}}
.brand{height:44px;display:flex;align-items:center}
.foot-in>a{display:inline-flex;align-items:center;min-height:44px}
.btn-sm{min-height:44px}
.c-item a{display:inline-flex;align-items:center;min-height:44px}
.formats p,.tl p,.leave,.timeline span{font-size:1rem}
.card .leave{font-size:1rem}
.doc .upd{font-size:1rem}

/* portada: 3 cifras tras quitar la de continentes */
.num-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){.num-grid{grid-template-columns:repeat(3,1fr);gap:20px 12px}.num-item b{font-size:2.4rem}.num-item>span{font-size:.95rem}}

/* ---------- tipografia segun el manual (Brandboard v2 p. 37): sans Ageo/Urbanist en peso medio, Cinzel Decorative fina ---------- */
body{font-weight:400}
h1,h2{font-weight:600;letter-spacing:-.005em;line-height:1.08}
h3{font-weight:600;letter-spacing:0;line-height:1.16}
.hero-title,.ptitle,.giant{font-weight:600;letter-spacing:-.01em;line-height:1.06}
.mani-text{font-weight:500;letter-spacing:0;line-height:1.24}
.marquee-track span,.drawer a:not(.btn),.expand-quote{font-weight:500;letter-spacing:0}
.timeline b,.tl b,.formats b,.prose p:first-child{font-weight:600;letter-spacing:0}
.longbody h3,.faq-item summary h3{font-weight:600}
.num-item b,.k-num,.eco-n,.card .n,.ev-date b,.book-steps li::before,.toc a::before,.k-glyph{font-family:var(--cinzel);font-weight:400;letter-spacing:.02em}
.vn-name{font-family:var(--cinzel);font-weight:400;letter-spacing:.04em}

/* 11-nov: frase ADN en Sobre mi */
.adn-quote{font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:500;color:var(--camel-titulo,#8A6F4E);margin:.2em 0 .9em;line-height:1.3}

/* 11-nov: conferencias proximamente con foto de Canada */
.k-soon-wrap{position:relative}
.k-soon-wrap img{filter:saturate(.85)}
.k-soon{position:absolute;left:22px;top:22px;background:#A78F73;color:#1d2829;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:.6em 1.1em;border-radius:99px;box-shadow:0 6px 18px rgba(0,0,0,.18)}