/* =====================================================================
   CAPA DE MARCA · GO CAPITAL BRANDBOOK v1
   01 Logotipo · 03 Tipografía · 04 Paleta · 05 Iconografía · 06 Texturas · 07 Aplicaciones
   Se carga después de styles.css y pages.css.
   ===================================================================== */
:root{
  --radius:12px; --radius-sm:8px;
  /* 06 · Tramado de chevrones: color principal sobre blanco 5% · blanco sobre principal 5% · blanco sobre negro 10% */
  --tx-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='44'%3E%3Cpath d='M20 28 32 18l12 10' fill='none' stroke='%232E2D2C' stroke-opacity='.05' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --tx-charcoal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='44'%3E%3Cpath d='M20 28 32 18l12 10' fill='none' stroke='%23FFFFFC' stroke-opacity='.05' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --tx-black:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='44'%3E%3Cpath d='M20 28 32 18l12 10' fill='none' stroke='%23FFFFFC' stroke-opacity='.1' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --tx-page:var(--tx-light);   /* portadas en claro */
  --tx-dark:var(--tx-black);   /* bandas negras: cifras, asesores, pie */
}
:root[data-theme="dark"]{ --tx-page:var(--tx-black); --tx-dark:var(--tx-charcoal); }
::selection{background:var(--gold);color:#1D1D1B}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- 03 · Tipografía: Avenir Black (títulos) · Outfit (subtítulos y cuerpo) ---------- */
body{font-size:16.5px;line-height:1.65;font-weight:400;letter-spacing:.005em}
h1,h2{font-family:var(--serif);font-weight:900;letter-spacing:-.025em;line-height:1.08}
h1{font-size:clamp(36px,4.8vw,58px)}
.page-hero h1{font-size:clamp(34px,4.2vw,52px)}
h2{font-size:clamp(28px,3.3vw,42px)}
h3{font-family:var(--sans);font-weight:600;letter-spacing:-.005em;font-size:20px;line-height:1.3}
.lead{font-weight:300;font-size:19px;line-height:1.6}
.eyebrow{font-family:var(--sans);font-weight:600;font-size:12px;letter-spacing:.22em;display:inline-flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--gold);flex:none}
.section-head.center .eyebrow,.page-hero.center .eyebrow{justify-content:center}
.stat .num,.step .n,.form-title,.factsheet > header strong,.newsletter h3,.map-info strong,.featured-post h2{font-family:var(--serif);font-weight:900;letter-spacing:-.02em}
.stat .num small{font-family:var(--sans);font-weight:300}
.prose{font-weight:300;font-size:18px}
.prose strong{font-weight:600}
.prose blockquote{font-family:var(--sans);font-weight:300;font-size:22px;border-left-color:var(--gold)}
.tag,.pcard .tag,.post .cat,.node .role,.factsheet > header small,.cinfo small{letter-spacing:.18em}

/* ---------- 01 · Logotipo horizontal: positivo en claro, negativo en oscuro ---------- */
/* Espacio de seguridad mínimo 20 × 10 px y ancho mínimo 140 px */
.wordmark{flex-direction:row;align-items:baseline;line-height:1;gap:0;text-transform:uppercase;padding:10px 0;min-width:140px}
.wordmark b{font-family:var(--wordmark);font-weight:900;font-size:25px;letter-spacing:-.015em}
.wordmark span{font-family:var(--sans);font-weight:300;font-size:25px;letter-spacing:.015em;margin:0}
footer .wordmark b,footer .wordmark span{font-size:30px}
footer .wordmark{color:#FFFFFC}
@media (max-width:400px){.wordmark b,.wordmark span{font-size:22px}}

/* ---------- Botones: rectos y sobrios; el dorado solo como acento sobre fondos oscuros ---------- */
.btn{border-radius:4px;font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;height:50px;padding:0 26px}
.btn-sm{height:42px;padding:0 18px;font-size:12px}
.btn-primary{background:var(--charcoal);color:#FFFFFC}
.btn-primary:hover{background:var(--black);box-shadow:0 10px 24px rgba(29,29,27,.22)}
.btn-gold{background:var(--gold);color:#1D1D1B}
.btn-gold:hover{background:#CF9817}
.btn-ghost{border:1.5px solid currentColor;color:var(--accent-strong)}
.btn-ghost:hover{background:var(--charcoal);border-color:var(--charcoal);color:#FFFFFC}
.adv .btn-ghost,.cta-box .btn-ghost{color:#FFFFFC}
.adv .btn-ghost:hover,.cta-box .btn-ghost:hover{background:#FFFFFC;border-color:#FFFFFC;color:#1D1D1B}
.link-arrow{font-weight:600;text-underline-offset:5px}
.link-arrow:hover{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px}
:root[data-theme="dark"] .btn-primary{background:#FFFFFC;color:#1D1D1B}
:root[data-theme="dark"] .btn-primary:hover{background:var(--gold);color:#1D1D1B;box-shadow:none}
:root[data-theme="dark"] .btn-ghost{border-color:currentColor;color:#FFFFFC}
:root[data-theme="dark"] .btn-ghost:hover{background:#FFFFFC;color:#1D1D1B;border-color:#FFFFFC}
:root[data-theme="dark"] .chips input:checked + label,:root[data-theme="dark"] .filters button.on{background:#FFFFFC;border-color:#FFFFFC;color:#1D1D1B}
.chips label,.filters button{border-radius:4px}
.chips input:checked + label,.filters button.on{background:var(--charcoal);border-color:var(--charcoal);color:#FFFFFC}

/* ---------- 06 · Superficies con tramado ---------- */
.hero,.page-hero{background-color:var(--cream);background-image:var(--tx-page)}
.stats,.adv,footer,.topbar,.login-side{background-color:#1D1D1B;background-image:var(--tx-dark)}
:root[data-theme="dark"] .stats,:root[data-theme="dark"] .adv,:root[data-theme="dark"] footer,:root[data-theme="dark"] .login-side{background-color:#2E2D2C}
:root[data-theme="dark"] .topbar{background-color:#141413}
.cta-box,.aside-card,.factsheet > header,.pcard.featured,.node.core{background-color:#2E2D2C;background-image:var(--tx-charcoal)}
:root[data-theme="dark"] .cta-box,:root[data-theme="dark"] .aside-card,:root[data-theme="dark"] .factsheet > header,:root[data-theme="dark"] .pcard.featured,:root[data-theme="dark"] .node.core{background-color:#141413}
.stats::before,.cta-box::before,.login-side::before{display:none}
.stat{background:rgba(255,255,252,.03);border-color:rgba(255,255,252,.1);border-radius:var(--radius-sm)}
.stat .num{color:#FFFFFC}
.stat .num em{color:var(--gold)}
.stat p{color:rgba(255,255,252,.72)}
.why,.steps-sec,.faq-sec{background-color:var(--cream)}
.testi{background-color:var(--sand);background-image:var(--tx-light)}
:root[data-theme="dark"] .testi{background-image:var(--tx-charcoal)}
.stats .eyebrow,.adv .eyebrow,.login-side .eyebrow{color:var(--gold)}
.stats h2,.adv h2,.login-side h2{color:#FFFFFC}
.pcard.featured{border-color:#2E2D2C}
.pcard.featured .tag{color:var(--gold)}
.node.trust{border-color:var(--gold)}
.node.trust .role{color:var(--gold-text)!important}

/* Espacios reservados con el tramado de marca */
.ph{background-color:var(--sand);background-image:var(--tx-light);border-color:var(--ph-border);color:var(--accent)}
:root[data-theme="dark"] .ph{background-image:var(--tx-charcoal)}
.ph b{background:var(--surface);border-color:var(--line);color:var(--heading);letter-spacing:.2em}
.ph .play{background:var(--gold);box-shadow:0 10px 24px rgba(227,168,34,.28)}
.ph .play .i{color:#1D1D1B;margin-left:2px}
.adv .ph{background-color:rgba(255,255,252,.03);background-image:var(--tx-black);border-color:rgba(255,255,252,.2)}

/* ---------- 05 · Iconografía: relleno, terminaciones y esquinas redondeadas ---------- */
.i{display:inline-block;flex:none;fill:currentColor;vertical-align:middle;overflow:visible}
.ic,.pcard .ic,.feat .ic,.help-cat .ic,.cinfo .ic,.success .ic{background:var(--charcoal);color:var(--gold);--knock:var(--charcoal);border-radius:10px}
.pcard .ic,.feat .ic,.help-cat .ic,.cinfo .ic,.adv-list .ic{display:grid;place-items:center}
.pcard.featured .ic{background:var(--gold);color:#1D1D1B;--knock:var(--gold)}
.adv-list .ic{background:#2E2D2C;--knock:#2E2D2C}
:root[data-theme="dark"] .adv-list .ic{background:#1D1D1B;--knock:#1D1D1B}
.checks .i{color:var(--gold);--knock:var(--cream)}
.hero-media .badge i{background:var(--charcoal);color:var(--gold);--knock:var(--charcoal);border-radius:8px}
.link .i{color:var(--gold)}
.flow-note .i{color:var(--charcoal);--knock:var(--sand)}
:root[data-theme="dark"] .flow-note .i{color:var(--gold)}
.keynua .i,.login-side li .i{color:var(--gold)}
.search .i{color:var(--muted)}
.faq summary .pm{background:var(--sand);color:var(--charcoal)}
.faq details[open] .pm{background:var(--charcoal);color:#FFFFFC}
:root[data-theme="dark"] .faq summary .pm{color:#FFFFFC}
:root[data-theme="dark"] .faq details[open] .pm{background:var(--gold);color:#1D1D1B}
.form-card .success .ic,form .success .ic{background:var(--gold-soft);color:var(--charcoal);--knock:var(--gold-soft)}
.theme-toggle .i,.burger .i{color:var(--heading)}
.wa{background:#1D1D1B;color:#FFFFFC;box-shadow:0 10px 28px rgba(29,29,27,.3);border:1.5px solid rgba(255,255,252,.14)}
.wa svg{fill:currentColor}
:root[data-theme="dark"] .wa{background:#FFFFFC;color:#1D1D1B}
@media (hover:hover) and (pointer:fine){.wa:hover{box-shadow:0 0 0 4px rgba(227,168,34,.35),0 10px 28px rgba(29,29,27,.3)}}
.review-btn{border-radius:4px;letter-spacing:.04em}
.review-btn .i{color:#1D1D1B}

/* ---------- 07 · Aplicaciones: la línea dorada como firma (papelería y redes) ---------- */
.topbar{color:rgba(255,255,252,.72)}
.menu > li > a,.menu > li > button{font-weight:500;font-size:15px;white-space:nowrap;padding:10px 12px}
.nav .wrap{gap:22px}
.nav-cta{gap:8px}
.nav-cta .btn-sm{padding:0 16px;letter-spacing:.08em}
@media (max-width:1240px) and (min-width:1081px){.nav-cta .btn-ghost{display:none}.menu > li > a,.menu > li > button{padding:10px 9px;font-size:14.5px}}
.menu > li > a.active,.menu > li > button.active{background:transparent;box-shadow:inset 0 -2px 0 var(--gold);border-radius:0}
.subnav a.on{color:var(--heading)}
.subnav-ind{background:var(--gold)}
.dots button.active::after{background:var(--gold)}
.step .n{border-color:var(--charcoal)}
.step:last-child .n{background:var(--charcoal);border-color:var(--charcoal);color:#FFFFFC}
:root[data-theme="dark"] .step .n{border-color:var(--gold);color:#FFFFFC}
:root[data-theme="dark"] .step:last-child .n{background:var(--gold);border-color:var(--gold);color:#1D1D1B}
.tcard{border-style:solid;border-color:var(--line);position:relative}
.tcard::before{content:"";position:absolute;left:32px;top:-1px;width:40px;height:3px;background:var(--gold);border-radius:0 0 3px 3px}
.tcard .q{color:var(--gold)}
.post .cat{color:var(--gold-text)}
.cta-box h2,.aside-card h3{color:#FFFFFC}
.cta-box p,.aside-card p{color:rgba(255,255,252,.72)}
footer h4{letter-spacing:.2em;color:#FFFFFC}
footer .slogan{font-family:var(--sans);font-weight:300;font-size:16px;letter-spacing:.14em;text-transform:uppercase}
.member .pos{color:var(--gold-text)}
:root[data-theme="dark"] .member .pos{color:var(--gold)}
.partner figcaption{letter-spacing:.16em}
.factsheet > footer{background:var(--sand);color:var(--ink)}
.office .info .eyebrow{color:var(--eyebrow)}