/* VAHL · Sistema gráfico completo · styles */
:root{
  --crema:#FAF8F5;
  --crema-2:#F0EEEB;
  --dark:#0E0E0E;
  --dark-2:#1A1A1A;
  --coral:#FF4A3D;
  --coral-deep:#C83A2F;
  --yellow:#F5D547;
  --yellow-deep:#D4B320;
  --lilac:#B8A9F0;
  --rule:#D9D6D0;
  --rule-dark:#2a2a2a;
  --muted:#666;
  --muted-2:#999;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:var(--crema);color:var(--dark);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:500;opacity:.04;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");}

a{color:inherit;text-decoration:none;}

/* nav */
.sg-nav{position:fixed;top:0;left:0;right:0;z-index:120;background:var(--dark);color:var(--crema);
  padding:10px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;}
.sg-nav .brand{font-family:'Anton',sans-serif;font-size:22px;letter-spacing:-.02em;color:var(--crema);line-height:1;}
.sg-nav .brand .acc{color:var(--coral);}
.sg-nav .links{display:flex;gap:18px;flex-wrap:wrap;}
.sg-nav .links a{color:#888;transition:color .15s;}
.sg-nav .links a:hover,.sg-nav .links a.active{color:var(--coral);}
.sg-nav .hub{color:#888;border-left:1px solid #333;padding-left:18px;}

.ticker{position:fixed;top:42px;left:0;right:0;z-index:115;background:var(--coral);color:var(--crema);
  padding:7px 0;overflow:hidden;font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;}
.ticker-track{display:inline-block;animation:ticker 80s linear infinite;}
.ticker-track span{margin-right:48px;}
.ticker-track span::before{content:"◆  ";opacity:.65;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.sg-wrap{max-width:1320px;margin:0 auto;padding:120px 40px 120px;}

/* section shell */
section{padding:96px 0;border-top:1px solid var(--dark);}
section:first-of-type{border-top:none;padding-top:40px;}
.sec-head{display:grid;grid-template-columns:120px 1fr 1fr;gap:32px;align-items:baseline;margin-bottom:56px;}
.sec-head .sec-num{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;color:var(--coral);}
.sec-head h2{font-family:'Anton',sans-serif;font-size:clamp(40px,6vw,80px);line-height:.88;letter-spacing:-.035em;text-transform:uppercase;}
.sec-head h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--coral);text-transform:none;letter-spacing:-.015em;}
.sec-head .sec-lede{font-family:'Instrument Serif',serif;font-style:italic;font-size:18px;color:var(--muted);line-height:1.45;max-width:420px;}
.sec-head .sec-lede em{color:var(--coral);font-style:italic;}

/* hero */
.sg-hero{background:var(--coral);color:var(--crema);padding:88px 56px;position:relative;overflow:hidden;margin-bottom:32px;}
.sg-hero .meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.85;margin-bottom:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.sg-hero h1{font-family:'Anton',sans-serif;font-size:clamp(88px,14vw,220px);line-height:.8;letter-spacing:-.05em;text-transform:uppercase;}
.sg-hero h1 em{color:var(--dark);font-style:normal;}
.sg-hero .sub{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(22px,2.4vw,32px);margin-top:36px;max-width:680px;line-height:1.35;}
.sg-hero .sub em{color:var(--dark);}
.sg-hero .foot{margin-top:44px;padding-top:20px;border-top:1px solid rgba(250,248,245,.3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;}
.sg-hero .foot em{font-family:'Instrument Serif',serif;font-style:italic;font-size:14px;letter-spacing:0;text-transform:none;}

/* manifiesto */
.manif{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.manif .left h3{font-family:'Anton',sans-serif;font-size:64px;line-height:.88;letter-spacing:-.035em;text-transform:uppercase;margin-bottom:24px;}
.manif .left h3 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--coral);text-transform:none;letter-spacing:-.015em;}
.manif .left p{font-family:'Instrument Serif',serif;font-size:22px;line-height:1.45;margin-bottom:18px;color:var(--dark);}
.manif .left p em{color:var(--coral);}
.manif .right{background:var(--dark);color:var(--crema);padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;}
.manif .right .pillar{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--coral);margin-bottom:8px;}
.manif .right h4{font-family:'Anton',sans-serif;font-size:38px;line-height:.95;letter-spacing:-.025em;text-transform:uppercase;margin-bottom:10px;}
.manif .right p{font-size:14px;line-height:1.6;color:#bbb;}
.manif .right .row{padding:20px 0;border-top:1px solid #2a2a2a;}
.manif .right .row:first-child{border-top:none;padding-top:0;}

/* logo construction */
.logo-slab{background:var(--dark);color:var(--crema);padding:64px 56px;position:relative;margin-bottom:40px;}
.logo-slab .lab{position:absolute;top:18px;left:22px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#888;}
.logo-slab .mark{font-family:'Anton',sans-serif;font-size:clamp(140px,22vw,340px);line-height:.82;letter-spacing:-.05em;text-transform:uppercase;}
.logo-slab .mark .acc{color:var(--coral);}
.logo-slab .foot{margin-top:24px;padding-top:16px;border-top:1px solid #2a2a2a;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);}

.cons-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;}
.cons-box{border:1px solid var(--dark);padding:32px;background:var(--crema);position:relative;min-height:320px;display:flex;flex-direction:column;justify-content:center;}
.cons-box.dark{background:var(--dark);color:var(--crema);}
.cons-box .lab{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--coral);margin-bottom:16px;}

.grid-construction{position:relative;width:100%;aspect-ratio:16/7;background-image:linear-gradient(to right,rgba(255,74,61,.15) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,74,61,.15) 1px,transparent 1px);background-size:8.333% 12.5%;}
.gc-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;font-size:clamp(80px,13vw,180px);line-height:.82;letter-spacing:-.05em;text-transform:uppercase;color:var(--dark);}
.gc-mark .acc{color:var(--coral);}
.gc-x{position:absolute;background:var(--coral);opacity:.8;}
.gc-x.tl{top:0;left:25%;width:1px;height:100%;}
.gc-x.tr{top:0;right:25%;width:1px;height:100%;}
.gc-x.ml{top:12.5%;left:0;width:100%;height:1px;}
.gc-x.mr{top:87.5%;left:0;width:100%;height:1px;}
.gc-label{position:absolute;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--coral);background:var(--crema);padding:2px 6px;}

.dont-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
.dont-cell{border:1px solid var(--rule);padding:28px 20px;background:var(--crema);position:relative;min-height:180px;display:flex;align-items:center;justify-content:center;}
.dont-cell .tag{position:absolute;top:8px;left:8px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;}
.dont-cell .tag.no{color:var(--coral);}
.dont-cell .tag.yes{color:var(--dark);}
.dont-cell .cross{position:absolute;inset:0;pointer-events:none;}
.dont-cell .cross::before,.dont-cell .cross::after{content:'';position:absolute;left:10%;right:10%;top:50%;height:1px;background:var(--coral);}
.dont-cell .cross::before{transform:rotate(4deg);}
.dont-cell .cross::after{transform:rotate(-4deg);}
.dont-cell .note{position:absolute;bottom:8px;left:8px;right:8px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);}

/* kinetic system */
.kin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.kin-cell{min-height:280px;padding:28px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;}
.kin-cell .kl{position:absolute;top:12px;left:14px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;opacity:.75;}
.kin-cell .kn{position:absolute;top:12px;right:14px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;opacity:.55;}

/* typography */
.type-spec{padding:40px 0;border-bottom:1px solid var(--rule);}
.type-spec:last-child{border-bottom:none;}
.type-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px;flex-wrap:wrap;gap:14px;}
.type-name{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--coral);}
.type-role{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:.08em;}
.type-sample{margin-bottom:20px;}
.type-body{font-size:14px;color:var(--muted);max-width:640px;line-height:1.6;}
.type-weights{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px;font-size:13px;color:var(--muted);font-family:'JetBrains Mono',monospace;}

/* hierarchy */
.hier{display:grid;grid-template-columns:120px 1fr 1fr;gap:24px;align-items:baseline;padding:18px 0;border-bottom:1px dashed var(--rule);}
.hier .level{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--coral);}
.hier .sample{font-family:'Anton',sans-serif;font-size:64px;line-height:.9;letter-spacing:-.03em;text-transform:uppercase;}
.hier .meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:.05em;}

/* color */
.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;}
.col-card{border:1px solid var(--rule);overflow:hidden;display:flex;flex-direction:column;}
.col-swatch{height:160px;position:relative;}
.col-swatch .cs-lab{position:absolute;top:12px;left:14px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;}
.col-info{padding:16px;background:var(--crema);border-top:1px solid var(--rule);}
.col-info .name{font-family:'Anton',sans-serif;font-size:22px;letter-spacing:-.02em;text-transform:uppercase;line-height:.95;}
.col-info .hex{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);margin-top:4px;}
.col-info .use{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5;}

.color-rules{background:var(--dark);color:var(--crema);padding:32px 36px;margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:32px;}
.color-rules h4{font-family:'Anton',sans-serif;font-size:24px;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:14px;}
.color-rules ul{list-style:none;}
.color-rules li{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;padding:8px 0;border-top:1px solid #2a2a2a;display:flex;align-items:center;gap:14px;}
.color-rules li:first-child{border-top:none;}
.color-rules .chip{width:18px;height:18px;flex-shrink:0;}
.color-rules .chip.stack{display:flex;}
.color-rules .chip.stack > div{flex:1;height:18px;}

.pair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;}
.pair{aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:space-between;padding:18px;}
.pair .pt{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;opacity:.8;}
.pair .pw{font-family:'Anton',sans-serif;font-size:56px;line-height:.85;letter-spacing:-.04em;text-transform:uppercase;}

/* grid system */
.gs-demo{border:1px solid var(--dark);padding:32px;background:var(--crema);}
.gs-12{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-bottom:16px;}
.gs-12 > div{background:rgba(255,74,61,.1);height:80px;position:relative;}
.gs-12 > div span{position:absolute;top:4px;left:4px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--coral-deep);}
.gs-break{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-bottom:16px;font-family:'JetBrains Mono',monospace;font-size:11px;}
.gs-break > div{background:var(--dark);color:var(--crema);padding:14px;letter-spacing:.1em;text-transform:uppercase;}

.spacing-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:24px;}
.sp-unit{text-align:center;}
.sp-block{background:var(--coral);opacity:.2;margin:0 auto 10px;}
.sp-lab{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);}
.sp-val{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:var(--dark);}

/* icons */
.ico-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:24px;}
.ico-cell{border:1px solid var(--rule);padding:24px;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;background:var(--crema);}
.ico-cell .box{width:56px;height:56px;display:flex;align-items:center;justify-content:center;}
.ico-cell .nm{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);}
.ico-principles{background:var(--dark);color:var(--crema);padding:32px 36px;margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ico-principles h5{font-family:'Anton',sans-serif;font-size:22px;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:8px;color:var(--coral);}
.ico-principles p{font-size:13px;color:#bbb;line-height:1.6;}

/* voice */
.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.voice-card{padding:28px;border:1px solid var(--rule);}
.voice-card.do{border-left:3px solid var(--coral);}
.voice-card.dont{background:var(--crema-2);border-left:3px solid var(--rule);}
.voice-card .vlab{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px;}
.voice-card.do .vlab{color:var(--coral);}
.voice-card.dont .vlab{color:var(--muted);}
.voice-card .vex{font-size:15px;line-height:1.7;color:#444;}
.voice-card .vex strong{color:var(--dark);}

/* components */
.comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.comp-frame{border:1px solid var(--rule);overflow:hidden;background:var(--crema);}
.comp-lab{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding:14px 22px;border-bottom:1px solid var(--rule);}
.comp-body{padding:32px;}

.btn{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:12px 22px;border:2px solid var(--dark);background:transparent;color:var(--dark);cursor:pointer;margin:4px;font-weight:600;}
.btn:hover{background:var(--dark);color:var(--crema);}
.btn.coral{background:var(--coral);border-color:var(--coral);color:var(--crema);}
.btn.coral:hover{background:var(--dark);border-color:var(--dark);}
.btn.ghost{background:transparent;color:var(--dark);}

.tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--dark);color:var(--dark);margin:3px;}
.tag.coral{background:var(--coral);color:var(--crema);border-color:var(--coral);}
.tag.yellow{background:var(--yellow);color:var(--dark);border-color:var(--yellow);}
.tag.dark{background:var(--dark);color:var(--crema);border-color:var(--dark);}

/* applications */
.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;}
.app-cell{display:flex;flex-direction:column;gap:8px;}
.app-cell .alab{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);}
.app-frame{border:1px solid var(--dark);overflow:hidden;position:relative;}
.app-frame.portrait{aspect-ratio:3/4;}
.app-frame.square{aspect-ratio:1/1;}
.app-frame.card{aspect-ratio:8.5/5.4;}
.app-frame.landscape{aspect-ratio:16/9;}
.app-frame.wide{aspect-ratio:21/9;}
.app-frame.story{aspect-ratio:9/16;}

/* redlines */
.redline{background:var(--dark);color:var(--crema);padding:48px 48px;}
.redline h3{font-family:'Anton',sans-serif;font-size:56px;letter-spacing:-.03em;text-transform:uppercase;line-height:.9;margin-bottom:28px;}
.redline h3 em{color:var(--coral);font-style:normal;}
.redline ul{list-style:none;}
.redline li{font-size:16px;line-height:1.55;padding:16px 0;border-bottom:1px solid #2a2a2a;display:flex;gap:16px;align-items:baseline;}
.redline li::before{content:'✗';color:var(--coral);font-weight:700;font-size:18px;flex-shrink:0;}
.redline li:last-child{border:none;}
.redline li strong{color:var(--coral);font-weight:700;}

/* footer */
.sg-foot{margin-top:120px;padding:40px 0 20px;border-top:1px solid var(--dark);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.sg-foot em{font-family:'Instrument Serif',serif;font-style:italic;font-size:14px;letter-spacing:0;text-transform:none;color:var(--coral);}

@media (max-width:960px){
  .sec-head{grid-template-columns:1fr;}
  .manif,.cons-grid,.voice-grid,.comp-grid{grid-template-columns:1fr;}
  .color-grid,.kin-grid,.apps-grid,.dont-grid,.pair-grid,.ico-principles{grid-template-columns:repeat(2,1fr);}
  .ico-grid{grid-template-columns:repeat(4,1fr);}
  .spacing-row{grid-template-columns:repeat(3,1fr);}
  .sg-nav .links{display:none;}
  .sg-wrap{padding:120px 24px 80px;}
}

/* ════════════════════════════════════════════════════════════════
   VAHL · nav de la web principal (.vahl-nav)
   Convive con el nav genérico del sistema gráfico pero agrega:
   - botón CTA coral "Dispatch" a la derecha
   - hamburguesa + drawer mobile
   - agrupa links desktop con separadores finos
   ════════════════════════════════════════════════════════════════ */

.vahl-nav{padding:12px 32px;min-height:56px;}
.vahl-nav .links{display:flex;gap:22px;flex-wrap:wrap;align-items:center;}
.vahl-nav .links a{position:relative;}
.vahl-nav .links a:not(:last-child)::after{
  content:'';position:absolute;right:-11px;top:50%;transform:translateY(-50%);
  width:1px;height:10px;background:#333;opacity:.6;
}

/* botón CTA Dispatch en el nav */
.nav-cta{
  display:inline-block;background:var(--coral);color:var(--crema)!important;
  padding:8px 14px;font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;font-weight:600;
  border:1px solid var(--coral);transition:all .18s ease;
}
.nav-cta:hover{background:var(--crema);color:var(--coral)!important;border-color:var(--crema);}

/* hamburguesa · visible solo en mobile */
.nav-burger{
  display:none;background:transparent;border:none;cursor:pointer;
  width:36px;height:36px;padding:6px;flex-direction:column;gap:5px;
  align-items:center;justify-content:center;
}
.nav-burger span{
  display:block;width:22px;height:1.5px;background:var(--crema);
  transition:transform .25s ease,opacity .2s ease;
}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* drawer mobile · se despliega desde arriba */
.nav-drawer{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:110;
  background:var(--dark);color:var(--crema);
  transform:translateY(-100%);transition:transform .35s cubic-bezier(.22,.61,.36,1);
  opacity:0;pointer-events:none;
  display:flex;align-items:flex-start;justify-content:center;
  padding-top:72px;
}
.nav-drawer.open{transform:translateY(0);opacity:1;pointer-events:auto;}
.nav-drawer-inner{
  max-width:640px;width:100%;padding:32px 32px 40px;
  display:flex;flex-direction:column;gap:4px;
}
.nav-drawer-inner a{
  font-family:'Inter',sans-serif;font-size:22px;letter-spacing:-.005em;
  color:var(--crema);padding:14px 0;border-bottom:1px solid #2a2a2a;
  text-transform:none;font-weight:400;
  transition:color .15s ease,padding-left .2s ease;
}
.nav-drawer-inner a:hover{color:var(--coral);padding-left:6px;}
.nav-drawer-inner .drawer-cta{
  margin-top:24px;border:1px solid var(--coral);color:var(--coral);
  padding:18px 20px;font-family:'JetBrains Mono',monospace;font-size:12px;
  letter-spacing:.2em;text-transform:uppercase;text-align:center;
}
.nav-drawer-inner .drawer-cta:hover{background:var(--coral);color:var(--crema);padding-left:20px;}
.drawer-foot{
  margin-top:auto;padding-top:32px;font-family:'Instrument Serif',serif;
  font-style:italic;font-size:14px;color:#888;text-align:center;
}
.drawer-foot em{color:var(--coral);}

/* bloquear scroll del body cuando el drawer está abierto */
body.nav-open{overflow:hidden;}

/* responsive del nav de la web principal */
@media (max-width:960px){
  .vahl-nav{padding:10px 20px;}
  .vahl-nav .links{display:none;}
  .vahl-nav .nav-cta{display:none;}
  .vahl-nav .nav-burger{display:flex;}
  .vahl-nav .hub{display:none;}
  .vahl-nav .brand{font-size:20px;}
}