/*
 * CristoVideoHub · Global V3.1 styles (header + drawers + popups + footer + responsive)
 * Fuente: CVH-Header-Footer-V3-RESPONSIVE-PERFECT-2026-05-20.html (md5 4e16550af1a07f59e6496664cf3abc09)
 * Generado: 2026-05-20 · CVH-LIMPIEZA-DEFINITIVA · FASE 3 PASO 2
 * NOTA: NO Tailwind · NO React · NO Babel · CSS3 puro
 */

:root{
  /* paleta */
  --bg:#06060F; --bg-elev:#0B0B17; --bg-card:#0E0E1C;
  --ink:#F0EAD6; --ink-dim:#A6A0B5; --ink-mute:#6B6680;
  --line:rgba(212,175,55,.16); --line-soft:rgba(240,234,214,.07);
  --gold:#D4AF37; --gold-bright:#E9C66A; --gold-deep:#8C6F1A;
  --byzantine:#4A1942; --marian:#4A90E2; --amber:#FFA500; --pearl:#F0EAD6;
  --olive:#6B8E23;

  /* type */
  --f-display:'Syne',system-ui,sans-serif;
  --f-body:'DM Sans',system-ui,sans-serif;
  --f-script:'Cormorant Garamond',Georgia,serif;
  --f-mono:'JetBrains Mono',ui-monospace,monospace;

  /* fluid scales (mobile -> desktop) */
  --s-1: clamp(10px, 1.6vw, 11px);
  --s-2: clamp(11.5px, 1.8vw, 13px);
  --s-3: clamp(13px, 2vw, 14.5px);
  --s-4: clamp(14px, 2.4vw, 16px);
  --s-5: clamp(16px, 3.2vw, 19px);
  --s-6: clamp(20px, 4.6vw, 28px);

  --pad-x: clamp(14px, 4vw, 40px);
  --gap-row: clamp(8px, 1.6vw, 14px);

  /* row heights — fluid */
  --h-r1: clamp(56px, 8vw, 68px);
  --h-r2: clamp(48px, 6.4vw, 56px);
  --h-r3: clamp(48px, 6.4vw, 56px);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:auto}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{
  background:var(--bg)
    radial-gradient(ellipse 1200px 800px at 50% 0%,rgba(74,25,66,.28),transparent 60%),
    radial-gradient(ellipse 900px 700px at 80% 100%,rgba(74,144,226,.10),transparent 60%);
  background-attachment:fixed;
  color:var(--ink); font-family:var(--f-body); min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none}
button{font:inherit; color:inherit; background:none; border:none; cursor:pointer; padding:0}
ul{list-style:none}
img,svg{display:block;max-width:100%}


/* ============================================================
   HEADER · 3 filas sticky
   ============================================================ */
.cvh-h{
  position:sticky; top:0; z-index:80;
  background:linear-gradient(180deg,rgba(11,11,23,.97) 0%,rgba(11,11,23,.93) 100%);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);
}
.cvh-h::before{
  content:"";position:absolute;top:0;left:8%;right:8%;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);opacity:.55;
}

/* —— filas comunes —— */
.cvh-r{
  display:flex;align-items:center;gap:var(--gap-row);
  padding-inline:var(--pad-x);
  border-bottom:1px solid var(--line-soft);
  min-width:0;
}
.cvh-r:last-child{border-bottom:none}
.cvh-r1{height:var(--h-r1)}
.cvh-r2{
  height:var(--h-r2);
  background:linear-gradient(90deg,rgba(74,25,66,.18),rgba(11,11,23,.4) 30%,rgba(11,11,23,.4) 70%,rgba(255,165,0,.10));
}
.cvh-r3{
  height:var(--h-r3);
  background:linear-gradient(90deg,rgba(74,144,226,.10),rgba(11,11,23,.4) 30%,rgba(11,11,23,.4) 70%,rgba(240,234,214,.05));
}

/* —— logo —— */
.cvh-logo{display:flex;align-items:center;gap:clamp(8px,1.4vw,12px);flex:0 0 auto;color:inherit;min-width:0}
.cvh-mark{
  width:clamp(34px,5.4vw,40px);height:clamp(34px,5.4vw,40px);
  border-radius:50%;flex:0 0 auto;position:relative;
  background:radial-gradient(circle at 50% 35%,var(--gold) 0%,#8a6e1c 60%,#2a1f08 100%);
  box-shadow:0 0 22px rgba(212,175,55,.4),inset 0 0 12px rgba(255,239,180,.55);
}
.cvh-mark::after{
  content:"";position:absolute;left:50%;top:14%;transform:translateX(-50%);
  width:2px;height:38%;border-radius:2px;
  background:linear-gradient(180deg,transparent,var(--amber),#fff7d0,var(--amber));
  filter:blur(.4px);box-shadow:0 0 8px var(--amber);
  animation:flick 2.4s ease-in-out infinite;
}
@keyframes flick{0%,100%{opacity:1;transform:translateX(-50%) scaleY(1)}50%{opacity:.72;transform:translateX(-50%) scaleY(.82)}}
.cvh-logo-text{font-family:var(--f-display);font-weight:700;font-size:clamp(13px,2vw,17px);letter-spacing:.3px;color:var(--ink);line-height:1.05;min-width:0;overflow:hidden}
.cvh-logo-text small{display:block;font-family:var(--f-mono);font-size:clamp(8px,1.2vw,9.5px);color:var(--ink-mute);letter-spacing:1.8px;text-transform:uppercase;font-weight:400;margin-top:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.cvh-spacer{flex:1;min-width:0}

/* —— pill (country / language) —— */
.cvh-pill{
  display:inline-flex;align-items:center;gap:clamp(6px,1vw,10px);
  padding:clamp(6px,1vw,8px) clamp(8px,1.2vw,12px);
  border-radius:10px;
  background:rgba(240,234,214,.03);border:1px solid var(--line);
  color:var(--ink);font-size:var(--s-3);font-weight:500;
  transition:all .15s; flex:0 0 auto; min-height:38px;
}
.cvh-pill:hover,.cvh-pill[aria-expanded="true"]{background:rgba(212,175,55,.10);border-color:var(--gold);color:var(--gold)}
.cvh-pill .lbl{white-space:nowrap}
.cvh-pill .code{font-family:var(--f-mono);font-size:clamp(10px,1.4vw,11px);letter-spacing:.12em;color:var(--ink-mute);text-transform:uppercase;border-left:1px solid var(--line);padding-left:clamp(6px,1vw,9px)}
.cvh-pill:hover .code,.cvh-pill[aria-expanded="true"] .code{color:var(--gold-bright);border-color:rgba(212,175,55,.4)}
.cvh-pill .chev{width:12px;height:12px;color:var(--ink-mute);transition:transform .2s}
.cvh-pill[aria-expanded="true"] .chev{transform:rotate(180deg);color:var(--gold)}

/* mini glob para idioma */
.cvh-glob{
  width:18px;height:18px;border-radius:50%;flex:0 0 auto;position:relative;
  background:radial-gradient(circle at 35% 35%,#3b6fb0,#152a4a 75%);
  border:1px solid rgba(212,175,55,.35);
}
.cvh-glob::before{content:"";position:absolute;inset:2px;border-radius:50%;background:linear-gradient(180deg,transparent 30%,rgba(212,175,55,.25) 60%,transparent 90%)}

/* —— burgers —— */
.cvh-burger{
  width:clamp(40px,5.6vw,44px); height:clamp(40px,5.6vw,44px);
  border-radius:11px; flex:0 0 auto;
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border:1px solid var(--line);
  background:rgba(240,234,214,.04);
  transition:all .15s;
}
.cvh-burger span{display:block;width:18px;height:1.8px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
.cvh-burger.is-gold{color:var(--gold);border-color:rgba(212,175,55,.42);background:rgba(212,175,55,.08)}
.cvh-burger.is-gold:hover,.cvh-burger.is-gold[aria-expanded="true"]{background:rgba(212,175,55,.16);box-shadow:0 0 22px -6px rgba(212,175,55,.55)}
.cvh-burger.is-amber{color:var(--amber);border-color:rgba(255,165,0,.42);background:rgba(255,165,0,.08)}
.cvh-burger.is-amber:hover,.cvh-burger.is-amber[aria-expanded="true"]{background:rgba(255,165,0,.18);box-shadow:0 0 22px -6px rgba(255,165,0,.55)}

/* —— botones CTA fila 2/3 —— */
.cvh-btn{
  font-family:var(--f-body);font-weight:600;font-size:var(--s-3);
  padding:clamp(8px,1.2vw,10px) clamp(11px,1.8vw,17px);
  border-radius:11px; min-height:38px;
  display:inline-flex;align-items:center;justify-content:center;gap:clamp(5px,1vw,8px);
  letter-spacing:.01em;transition:all .15s;white-space:nowrap;
  border:1px solid transparent; flex:0 0 auto;
}
.cvh-btn .ic{width:clamp(14px,2vw,16px);height:clamp(14px,2vw,16px);flex:0 0 auto}
.cvh-btn:hover{transform:translateY(-1px)}

.cvh-btn--vela{
  background:linear-gradient(180deg,rgba(255,165,0,.24),rgba(255,165,0,.06));
  color:var(--amber);border-color:rgba(255,165,0,.42);
  position:relative;padding-left:clamp(30px,3.8vw,34px);
}
.cvh-btn--vela::before{
  /* cuerpo de cera de la vela */
  content:"";position:absolute;left:clamp(10px,1.4vw,12px);top:50%;transform:translateY(-50%);
  width:14px;height:18px;border-radius:2px 2px 1px 1px;
  background:linear-gradient(180deg,rgba(255,247,209,.95) 0%,rgba(255,224,160,.85) 70%,rgba(212,175,55,.9) 100%);
  box-shadow:0 0 6px rgba(255,165,0,.45),inset 0 -2px 0 rgba(212,175,55,.6);
}
.cvh-btn--vela::after{
  /* llama animada */
  content:"";position:absolute;left:clamp(13px,1.7vw,15px);top:50%;
  width:6px;height:9px;
  border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;
  background:radial-gradient(circle at 50% 70%,#fff7d0 0%,var(--amber) 45%,rgba(255,165,0,.2) 80%,transparent 100%);
  filter:blur(.3px);
  box-shadow:0 0 10px var(--amber),0 0 18px rgba(255,165,0,.55);
  transform:translate(-50%,calc(-50% - 11px));
  animation:cvh-flame 1.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes cvh-flame{
  0%,100%{transform:translate(-50%,calc(-50% - 11px)) scale(1,1);opacity:1;filter:blur(.3px)}
  25%{transform:translate(-52%,calc(-50% - 12px)) scale(.95,1.06);opacity:.92;filter:blur(.4px)}
  50%{transform:translate(-50%,calc(-50% - 10px)) scale(1.05,.95);opacity:.82;filter:blur(.2px)}
  75%{transform:translate(-48%,calc(-50% - 12px)) scale(.97,1.04);opacity:.94;filter:blur(.4px)}
}
.cvh-btn--vela:hover{background:linear-gradient(180deg,rgba(255,165,0,.34),rgba(255,165,0,.10));color:#FFE6B0}

.cvh-btn--socio{
  background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 50%,var(--gold-deep) 100%);
  color:#1A140A;
  box-shadow:0 8px 22px -10px rgba(212,175,55,.55),inset 0 1px 0 rgba(255,255,255,.4);
}
.cvh-btn--socio:hover{box-shadow:0 12px 28px -10px rgba(212,175,55,.7),inset 0 1px 0 rgba(255,255,255,.5)}

.cvh-btn--oracion{
  background:linear-gradient(180deg,rgba(74,144,226,.22),rgba(74,144,226,.06));
  color:var(--marian);border-color:rgba(74,144,226,.42);
}
.cvh-btn--oracion:hover{background:linear-gradient(180deg,rgba(74,144,226,.32),rgba(74,144,226,.1));color:#9ec0ee}

.cvh-btn--altar{
  background:rgba(240,234,214,.06);color:var(--pearl);border-color:rgba(240,234,214,.18);
}
.cvh-btn--altar:hover{background:rgba(240,234,214,.12);border-color:rgba(240,234,214,.32)}

.cvh-btn--ghost{background:rgba(240,234,214,.04);color:var(--ink);border:1px solid var(--line)}
.cvh-btn--ghost:hover{background:rgba(212,175,55,.08);border-color:var(--gold);color:var(--gold)}

/* —— live counter (desktop only inside row 2) —— */
.cvh-live{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-mute);display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;
  padding-left:14px;border-left:1px solid var(--line-soft);
}
.cvh-live .dotg{display:inline-flex;align-items:center;gap:6px;color:var(--olive)}
.cvh-live .dotg::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--olive);box-shadow:0 0 8px var(--olive);animation:pulse 2.6s ease-in-out infinite}
.cvh-live b{color:var(--gold);font-weight:500}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}

/* ============================================================
   FLAGS · SVG inline backgrounds (precisas, no rotas)
   ============================================================ */
.fi{
  display:inline-block; flex:0 0 auto;
  width:20px; height:14px; border-radius:2px;
  border:1px solid rgba(255,255,255,.18);
  background:#1d1d2c center / cover no-repeat;
}
.fi-lg{width:48px;height:34px;border-radius:5px}
/* Active 28 — SVG data URIs */
.fi-es{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23C60B1E'/><rect width='3' height='1' y='.5' fill='%23FFC400'/></svg>")}
.fi-mx{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='1' height='2' fill='%23006847'/><rect width='1' height='2' x='1' fill='%23fff'/><rect width='1' height='2' x='2' fill='%23CE1126'/></svg>")}
.fi-co{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'><rect width='4' height='4' fill='%23FCD116'/><rect y='2' width='4' height='1' fill='%23003893'/><rect y='3' width='4' height='1' fill='%23CE1126'/></svg>")}
.fi-ar{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%2374ACDF'/><rect y='1' width='3' height='1' fill='%23fff'/><circle cx='1.5' cy='1.5' r='.32' fill='%23FCBF49'/></svg>")}
.fi-pe{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23D91023'/><rect x='1' width='1' height='2' fill='%23fff'/></svg>")}
.fi-cl{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23D52B1E'/><rect width='3' height='1' fill='%23fff'/><rect width='1' height='1' fill='%230039A6'/><polygon fill='%23fff' points='.5,.25 .58,.45 .78,.45 .62,.58 .68,.78 .5,.65 .32,.78 .38,.58 .22,.45 .42,.45'/></svg>")}
.fi-uy{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'><rect width='9' height='6' fill='%23fff'/><rect y='1' width='9' height='1' fill='%230038A8'/><rect y='3' width='9' height='1' fill='%230038A8'/><rect y='5' width='9' height='1' fill='%230038A8'/><rect width='3.5' height='3.5' fill='%23fff'/><circle cx='1.75' cy='1.75' r='.7' fill='%23FCD116' stroke='%23A0410D' stroke-width='.06'/></svg>")}
.fi-py{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23fff'/><rect width='3' height='.67' fill='%23D52B1E'/><rect width='3' height='.67' y='1.33' fill='%230038A8'/></svg>")}
.fi-bo{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23D52B1E'/><rect width='3' height='.67' y='.67' fill='%23F9E300'/><rect width='3' height='.67' y='1.33' fill='%23007934'/></svg>")}
.fi-ec{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'><rect width='4' height='4' fill='%23FFD100'/><rect y='2' width='4' height='1' fill='%230072C6'/><rect y='3' width='4' height='1' fill='%23EF3340'/></svg>")}
.fi-ve{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%23FFCC00'/><rect y='1' width='3' height='1' fill='%2300247D'/><rect y='2' width='3' height='1' fill='%23CF142B'/></svg>")}
.fi-gt{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%234997D0'/><rect x='1' width='1' height='2' fill='%23fff'/></svg>")}
.fi-sv{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%230F47AF'/><rect y='1' width='3' height='1' fill='%23fff'/></svg>")}
.fi-hn{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%230073CF'/><rect y='1' width='3' height='1' fill='%23fff'/></svg>")}
.fi-ni{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%230067C6'/><rect y='1' width='3' height='1' fill='%23fff'/></svg>")}
.fi-cr{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><rect width='6' height='6' fill='%23002B7F'/><rect y='1' width='6' height='4' fill='%23fff'/><rect y='2' width='6' height='2' fill='%23CE1126'/></svg>")}
.fi-cu{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'><rect width='10' height='5' fill='%23fff'/><rect width='10' height='1' fill='%230050F0'/><rect y='2' width='10' height='1' fill='%230050F0'/><rect y='4' width='10' height='1' fill='%230050F0'/><polygon fill='%23CC0000' points='0,0 4,2.5 0,5'/></svg>")}
.fi-do{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='3' height='2' fill='%23002D62'/><rect x='3' width='3' height='2' fill='%23CE1126'/><rect y='2' width='3' height='2' fill='%23CE1126'/><rect x='3' y='2' width='3' height='2' fill='%23002D62'/><rect x='2.4' y='1.4' width='1.2' height='1.2' fill='%23fff'/></svg>")}
.fi-pr{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><rect width='12' height='8' fill='%23fff'/><rect y='1.5' width='12' height='1.5' fill='%23ED1A37'/><rect y='4.5' width='12' height='1.5' fill='%23ED1A37'/><rect y='7.5' width='12' height='1.5' fill='%23ED1A37'/><polygon fill='%230050F0' points='0,0 5,4 0,8'/><polygon fill='%23fff' points='1,4 1.6,3.85 1.45,3.25 1.95,2.85 1.3,2.85 1,2.25 .7,2.85 .05,2.85 .55,3.25 .4,3.85'/></svg>")}
.fi-pa{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'><rect width='4' height='4' fill='%23fff'/><rect x='2' width='2' height='2' fill='%23005AAA'/><rect y='2' width='2' height='2' fill='%23DA121A'/><polygon fill='%23005AAA' points='1,.5 1.15,.85 1.5,.85 1.22,1.05 1.32,1.4 1,1.2 .68,1.4 .78,1.05 .5,.85 .85,.85'/><polygon fill='%23DA121A' points='3,2.5 3.15,2.85 3.5,2.85 3.22,3.05 3.32,3.4 3,3.2 2.68,3.4 2.78,3.05 2.5,2.85 2.85,2.85'/></svg>")}
.fi-gq{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%233E9A00'/><rect y='1' width='3' height='1' fill='%23fff'/><rect y='2' width='3' height='1' fill='%23E32118'/><polygon fill='%2373CA02' points='0,0 1,1.5 0,3'/></svg>")}
.fi-us{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 7'><rect width='13' height='7' fill='%23B22234'/><rect y='1' width='13' height='1' fill='%23fff'/><rect y='3' width='13' height='1' fill='%23fff'/><rect y='5' width='13' height='1' fill='%23fff'/><rect width='5' height='4' fill='%233C3B6E'/></svg>")}
.fi-pt{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3'><rect width='5' height='3' fill='%23FF0000'/><rect width='2' height='3' fill='%23006600'/><circle cx='2' cy='1.5' r='.6' fill='%23FFE800' stroke='%23A0410D' stroke-width='.05'/></svg>")}
.fi-it{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='1' height='2' fill='%23008C45'/><rect width='1' height='2' x='1' fill='%23fff'/><rect width='1' height='2' x='2' fill='%23CD212A'/></svg>")}
.fi-fr{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='1' height='2' fill='%23002395'/><rect width='1' height='2' x='1' fill='%23fff'/><rect width='1' height='2' x='2' fill='%23ED2939'/></svg>")}
.fi-de{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%23DD0000'/><rect width='3' height='1' fill='%23000'/><rect y='2' width='3' height='1' fill='%23FFCE00'/></svg>")}
.fi-ie{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='1' height='2' fill='%23169B62'/><rect width='1' height='2' x='1' fill='%23fff'/><rect width='1' height='2' x='2' fill='%23FF883E'/></svg>")}
.fi-pl{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'><rect width='2' height='2' fill='%23DC143C'/><rect width='2' height='1' fill='%23fff'/></svg>")}

/* Soon-26 (simpler, still recognisable) */
.fi-ao{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23000'/><rect width='3' height='1' fill='%23CC092F'/></svg>")}
.fi-au{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 3'><rect width='6' height='3' fill='%23012169'/></svg>")}
.fi-at{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%23ED2939'/><rect y='1' width='3' height='1' fill='%23fff'/></svg>")}
.fi-be{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='1' height='2' fill='%23000'/><rect width='1' height='2' x='1' fill='%23FDDA24'/><rect width='1' height='2' x='2' fill='%23EF3340'/></svg>")}
.fi-br{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 5'><rect width='7' height='5' fill='%23009B3A'/><polygon fill='%23FEDF00' points='3.5,.6 6.4,2.5 3.5,4.4 .6,2.5'/><circle cx='3.5' cy='2.5' r='.9' fill='%23012169'/></svg>")}
.fi-ca{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 2'><rect width='4' height='2' fill='%23fff'/><rect width='1' height='2' fill='%23FF0000'/><rect width='1' height='2' x='3' fill='%23FF0000'/></svg>")}
.fi-ch{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%23FF0000'/><rect x='1.25' y='.6' width='.5' height='1.8' fill='%23fff'/><rect x='.6' y='1.25' width='1.8' height='.5' fill='%23fff'/></svg>")}
.fi-cm{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='1' height='2' fill='%23007A5E'/><rect width='1' height='2' x='1' fill='%23CE1126'/><rect width='1' height='2' x='2' fill='%23FCD116'/></svg>")}
.fi-cd{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23007FFF'/><rect y='1.5' width='6' height='.5' fill='%23F7D618'/></svg>")}
.fi-hr{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%23fff'/><rect width='3' height='1' fill='%23FF0000'/><rect width='3' height='1' y='2' fill='%23171796'/></svg>")}
.fi-ht{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 2'><rect width='4' height='2' fill='%23D21034'/><rect width='4' height='1' fill='%2300209F'/></svg>")}
.fi-id{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23fff'/><rect width='3' height='1' fill='%23FF0000'/></svg>")}
.fi-in{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%23138808'/><rect width='3' height='1' fill='%23FF9933'/><rect width='3' height='1' y='1' fill='%23fff'/><circle cx='1.5' cy='1.5' r='.28' fill='%23000080'/></svg>")}
.fi-jp{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23fff'/><circle cx='1.5' cy='1' r='.6' fill='%23BC002D'/></svg>")}
.fi-ke{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 4'><rect width='3' height='4' fill='%23BB0000'/><rect width='3' height='1' fill='%23000'/><rect y='3' width='3' height='1' fill='%23006600'/></svg>")}
.fi-kr{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23fff'/><circle cx='1.5' cy='1' r='.45' fill='%23CD2E3A'/><path fill='%230047A0' d='M 1.05,1 a .45,.45 0 0 1 .9,0 a .225,.225 0 0 1 -.45,0 a .225,.225 0 0 0 -.45,0 z'/></svg>")}
.fi-lt{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%23006A44'/><rect width='3' height='1' fill='%23FDB913'/><rect y='2' width='3' height='1' fill='%23C1272D'/></svg>")}
.fi-mt{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23CF142B'/><rect width='1.5' height='2' fill='%23fff'/></svg>")}
.fi-mz{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 3'><rect width='4' height='3' fill='%23009A00'/><rect y='1' width='4' height='.5' fill='%23fff'/><rect y='1.5' width='4' height='1' fill='%23000'/><rect y='2.5' width='4' height='.5' fill='%23fff'/><polygon fill='%23FFE800' points='0,0 1,1.5 0,3'/></svg>")}
.fi-ng{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='1' height='2' fill='%23008753'/><rect width='1' height='2' x='1' fill='%23fff'/><rect width='1' height='2' x='2' fill='%23008753'/></svg>")}
.fi-nz{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 3'><rect width='6' height='3' fill='%23012169'/></svg>")}
.fi-ph{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 2'><rect width='4' height='2' fill='%23CE1126'/><rect width='4' height='1' fill='%230038A8'/><polygon fill='%23fff' points='0,0 1.8,1 0,2'/></svg>")}
.fi-pg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 3'><rect width='4' height='3' fill='%23CE1126'/><polygon fill='%23000' points='0,0 4,0 0,3'/></svg>")}
.fi-sg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23fff'/><rect width='3' height='1' fill='%23EF3340'/></svg>")}
.fi-sk{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><rect width='3' height='3' fill='%23ee1c25'/><rect width='3' height='2' fill='%230b4ea2'/><rect width='3' height='1' fill='%23fff'/></svg>")}
.fi-tl{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 2'><rect width='4' height='2' fill='%23CE1126'/><polygon fill='%23FFC72C' points='0,0 2,1 0,2'/><polygon fill='%23000' points='0,0 1.2,1 0,2'/></svg>")}
.fi-tz{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%231EB53A'/><polygon fill='%2300A3DD' points='0,4 6,0 6,4'/><polygon fill='%23000' points='0,4 6,0 5.5,0 0,3.5'/></svg>")}
.fi-ug{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 6'><rect width='3' height='1' fill='%23000'/><rect y='1' width='3' height='1' fill='%23FCDC04'/><rect y='2' width='3' height='1' fill='%23D90000'/><rect y='3' width='3' height='1' fill='%23000'/><rect y='4' width='3' height='1' fill='%23FCDC04'/><rect y='5' width='3' height='1' fill='%23D90000'/></svg>")}
.fi-vn{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23DA251D'/><polygon fill='%23FF0' points='1.5,.5 1.65,.95 2.1,.95 1.72,1.2 1.87,1.65 1.5,1.4 1.13,1.65 1.28,1.2 .9,.95 1.35,.95'/></svg>")}
.fi-gb{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'><rect width='60' height='30' fill='%23012169'/><path d='M0,0 L60,30 M60,0 L0,30' stroke='%23fff' stroke-width='6'/><path d='M0,0 L60,30 M60,0 L0,30' stroke='%23C8102E' stroke-width='4'/><rect x='25' width='10' height='30' fill='%23fff'/><rect y='10' width='60' height='10' fill='%23fff'/><rect x='27' width='6' height='30' fill='%23C8102E'/><rect y='12' width='60' height='6' fill='%23C8102E'/></svg>")}

/* ============================================================
   DRAWERS · global + local
   ============================================================ */
.cvh-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);
  z-index:100;opacity:0;pointer-events:none;transition:opacity .25s;
}
.cvh-backdrop.is-open{opacity:1;pointer-events:auto}

.cvh-d{
  position:fixed;top:0;right:0;height:100vh;height:100dvh;
  width:min(440px,94vw);z-index:101;
  background:linear-gradient(180deg,#0E0E1C 0%,#06060F 100%);
  border-left:1px solid var(--line);
  box-shadow:-30px 0 80px -20px rgba(0,0,0,.7);
  transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.7,.3,1);
  display:flex;flex-direction:column;
}
.cvh-d.is-open{transform:translateX(0)}
.cvh-d-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 18px;border-bottom:1px solid var(--line);flex:0 0 auto;
}
.cvh-d-head h2{font-family:var(--f-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute)}
.cvh-d-head h2 b{color:var(--gold);font-weight:500}
.cvh-d.is-local .cvh-d-head h2 b{color:var(--amber)}
.cvh-d-close{
  width:36px;height:36px;border-radius:10px;
  background:rgba(240,234,214,.04);border:1px solid var(--line);
  display:grid;place-items:center;color:var(--ink);transition:all .15s;
}
.cvh-d-close:hover{background:rgba(212,175,55,.1);border-color:var(--gold);color:var(--gold)}
.cvh-d-close svg{width:14px;height:14px}

.cvh-d-body{
  flex:1;overflow-y:auto;padding:12px 12px 24px;
  scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.25) transparent;
  overscroll-behavior:contain;
}
.cvh-d-body::-webkit-scrollbar{width:6px}
.cvh-d-body::-webkit-scrollbar-thumb{background:rgba(212,175,55,.25);border-radius:4px}

.cvh-d-item{
  display:flex;align-items:center;gap:12px;
  padding:14px 14px;border-radius:10px;
  color:var(--ink);font-size:15px;font-weight:500;
  transition:background .15s,color .15s;
  min-height:48px;
}
.cvh-d-item:hover{background:rgba(212,175,55,.08);color:var(--gold)}
.cvh-d-item .arrow{margin-left:auto;color:var(--ink-mute);font-family:var(--f-mono);font-size:14px}
.cvh-d.is-local .cvh-d-item:hover{background:rgba(255,165,0,.08);color:var(--amber)}

/* nested */
.cvh-d-body details{border-radius:10px;overflow:hidden;margin:2px 0}
.cvh-d-body details > summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;gap:12px;
  padding:14px 14px;border-radius:10px;
  color:var(--ink);font-size:15px;font-weight:500;
  transition:background .15s,color .15s;
  min-height:48px;
}
.cvh-d-body details > summary::-webkit-details-marker{display:none}
.cvh-d-body details > summary:hover{background:rgba(212,175,55,.08);color:var(--gold)}
.cvh-d-body details[open] > summary{color:var(--gold);background:rgba(212,175,55,.06)}
.cvh-d.is-local .cvh-d-body details > summary:hover,
.cvh-d.is-local .cvh-d-body details[open] > summary{color:var(--amber);background:rgba(255,165,0,.07)}
.cvh-d-body details > summary .caret{margin-left:auto;width:14px;height:14px;transition:transform .2s;color:var(--ink-mute)}
.cvh-d-body details[open] > summary .caret{transform:rotate(180deg);color:inherit}
.cvh-d-sublist{padding:4px 0 8px 12px;margin-left:14px;border-left:1px solid var(--line-soft);display:flex;flex-direction:column;gap:1px}
.cvh-d-sublist a{
  display:block;padding:11px 14px;border-radius:8px;
  color:var(--ink-dim);font-size:14px;min-height:44px;
  display:flex;align-items:center;
}
.cvh-d-sublist a:hover{background:rgba(212,175,55,.07);color:var(--gold)}
.cvh-d.is-local .cvh-d-sublist a:hover{background:rgba(255,165,0,.07);color:var(--amber)}

.cvh-d-sep{height:1px;background:var(--line-soft);margin:14px 8px}
.cvh-d-eye{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-mute);padding:12px 14px 6px;
}
.cvh-d-eye b{color:var(--gold);font-weight:500}
.cvh-d.is-local .cvh-d-eye b{color:var(--amber)}

.cvh-d-foot{
  flex:0 0 auto;padding:14px 14px;border-top:1px solid var(--line);
  display:flex;gap:10px;
}
.cvh-d-foot .cvh-btn{flex:1;padding:12px;font-size:14px;min-height:46px}

/* ============================================================
   POPUPS · country + lang
   ============================================================ */
.cvh-pop{
  position:fixed;z-index:102;
  top:auto;left:auto;right:18px;
  width:min(360px,94vw);max-height:70vh;display:flex;flex-direction:column;
  background:linear-gradient(180deg,rgba(14,14,28,.98),rgba(11,11,23,.98));
  backdrop-filter:blur(20px);
  border:1px solid var(--line);border-radius:14px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 60px -30px rgba(212,175,55,.4);
  padding:12px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s, transform .2s;
}
.cvh-pop.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}
.cvh-pop-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:4px 8px 10px;margin-bottom:8px;border-bottom:1px solid var(--line-soft);
  font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);
  flex:0 0 auto;
}
.cvh-pop-head .ct{color:var(--gold)}

.cvh-pop-search{position:relative;margin-bottom:8px;flex:0 0 auto}
.cvh-pop-search input{
  width:100%;background:rgba(240,234,214,.05);border:1px solid var(--line);
  border-radius:9px;padding:10px 12px 10px 34px;color:var(--ink);
  font-family:var(--f-body);font-size:14px;outline:none;transition:border-color .15s;
  -webkit-appearance:none;
}
.cvh-pop-search input::placeholder{color:var(--ink-mute)}
.cvh-pop-search input:focus{border-color:var(--gold)}
.cvh-pop-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--ink-mute);pointer-events:none}

.cvh-pop-section{
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink-mute);padding:10px 10px 4px;
}
.cvh-pop-section b{color:var(--gold);font-weight:500}

.cvh-pop-list{
  display:grid;gap:1px;flex:1;
  overflow-y:auto;padding:2px;
  scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.25) transparent;
}
.cvh-pop-list::-webkit-scrollbar{width:5px}
.cvh-pop-list::-webkit-scrollbar-thumb{background:rgba(212,175,55,.2);border-radius:3px}

.cvh-row{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:10px 10px;border-radius:8px;
  color:var(--ink-dim);font-size:13.5px;text-align:left;
  border:1px solid transparent;transition:all .15s;
  min-height:42px;
}
.cvh-row:hover{background:rgba(212,175,55,.08);color:var(--gold)}
.cvh-row.is-active{background:rgba(212,175,55,.12);border-color:rgba(212,175,55,.3);color:var(--gold)}
.cvh-row .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cvh-row .mt{
  font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-mute);padding:2px 6px;border-radius:4px;background:rgba(240,234,214,.04);
}
.cvh-row.is-soon{opacity:.7;cursor:default}
.cvh-row.is-soon:hover{background:rgba(255,165,0,.04);color:var(--ink-mute)}
.cvh-row.is-soon .mt{color:var(--amber);background:rgba(255,165,0,.08)}
.cvh-row.is-active .mt{color:var(--gold);background:rgba(212,175,55,.1)}

/* ============================================================
   FOOTER
   ============================================================ */
.cvh-f{
  position:relative;
  background:
    radial-gradient(ellipse 700px 320px at 80% 0%,rgba(74,25,66,.26),transparent 70%),
    radial-gradient(ellipse 600px 320px at 10% 100%,rgba(74,144,226,.10),transparent 65%),
    linear-gradient(180deg,#0A0A14 0%,#06060F 100%);
  border-top:1px solid var(--line);color:var(--ink);
  margin-top:clamp(32px,6vw,72px);
}
.cvh-f::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);opacity:.45}

.cvh-f-pad{padding-inline:var(--pad-x)}

/* —— SECCIÓN 1 · 4 tiles CTA —— */
.cvh-f-cta{
  padding-block: clamp(28px,4vw,40px);
  border-bottom:1px solid var(--line-soft);
  display:grid;gap:clamp(10px,1.6vw,16px);
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.cvh-tile{
  display:flex;flex-direction:column;gap:clamp(8px,1.2vw,12px);
  padding:clamp(14px,2.2vw,20px);border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));
  border:1px solid var(--line);color:inherit;transition:all .2s;
  position:relative;overflow:hidden;
  min-height:clamp(120px,16vw,148px);
}
.cvh-tile::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--ac,var(--gold)) 50%,transparent);opacity:.6}
.cvh-tile::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 200px 100px at 50% 0%,var(--ac,var(--gold)),transparent 60%);opacity:0;transition:opacity .25s;pointer-events:none;mix-blend-mode:overlay}
.cvh-tile:hover{transform:translateY(-3px);border-color:var(--ac,var(--gold))}
.cvh-tile:hover::before{opacity:.18}
.cvh-tile .ic{width:clamp(22px,3.4vw,28px);height:clamp(22px,3.4vw,28px);color:var(--ac,var(--gold))}
.cvh-tile .h{font-family:var(--f-display);font-weight:600;font-size:clamp(14px,2.2vw,18px);color:var(--ink);line-height:1.2;letter-spacing:-.005em;margin-top:auto}
.cvh-tile .p{font-size:clamp(11.5px,1.7vw,13px);color:var(--ink-dim);line-height:1.45}
.cvh-tile .go{font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ac,var(--gold));display:inline-flex;align-items:center;gap:6px;margin-top:4px}
.cvh-tile.t-vela{--ac:var(--amber)}
.cvh-tile.t-oracion{--ac:var(--marian)}
.cvh-tile.t-altar{--ac:var(--pearl)}
.cvh-tile.t-socio{--ac:var(--gold)}

/* —— SECCIÓN 2 · brand + social —— */
.cvh-f-brand{
  padding-block:clamp(28px,4vw,40px);
  display:grid;grid-template-columns:1fr auto;gap:32px;
  align-items:start;border-bottom:1px solid var(--line-soft);
}
.cvh-f-brand-left{display:flex;flex-direction:column;gap:14px;max-width:560px;min-width:0}
.cvh-f-logo{display:flex;align-items:center;gap:12px}
.cvh-f-logo-mark{
  width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle at 50% 35%,var(--gold) 0%,#8a6e1c 60%,#2a1f08 100%);
  box-shadow:0 0 18px rgba(212,175,55,.4),inset 0 0 8px rgba(255,239,180,.4);
  position:relative;flex:0 0 auto;
}
.cvh-f-logo-mark::after{content:"";position:absolute;left:50%;top:7px;transform:translateX(-50%);width:2.5px;height:14px;background:linear-gradient(180deg,transparent,var(--amber),#fff7d0,var(--amber));border-radius:2px;filter:blur(.4px);box-shadow:0 0 10px var(--amber);animation:flick 2.4s ease-in-out infinite}
.cvh-f-logo-text{font-family:var(--f-display);font-weight:600;font-size:clamp(17px,2.4vw,20px);color:var(--ink)}
.cvh-f-logo-text span{color:var(--gold)}
.cvh-f-claim{font-family:var(--f-script);font-style:italic;font-size:clamp(18px,2.8vw,22px);color:var(--ink);line-height:1.35}
.cvh-f-claim em{color:var(--gold)}
.cvh-f-pitch{font-size:clamp(13px,1.8vw,14.5px);color:var(--ink-dim);line-height:1.6;max-width:520px}

.cvh-f-social{display:flex;flex-direction:column;gap:10px;align-items:flex-end;flex:0 0 auto}
.cvh-f-social-h{font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute)}
.cvh-f-social-row{display:flex;gap:8px}
.cvh-soc{
  width:40px;height:40px;border-radius:11px;
  background:rgba(240,234,214,.04);border:1px solid var(--line-soft);
  display:grid;place-items:center;color:var(--ink-mute);
  cursor:not-allowed;position:relative;
}
.cvh-soc[aria-disabled="true"]::after{
  content:"Próximamente";position:absolute;bottom:calc(100% + 6px);right:0;
  font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);
  background:rgba(255,165,0,.12);border:1px solid rgba(255,165,0,.3);
  padding:4px 7px;border-radius:5px;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity .2s;z-index:2;
}
.cvh-soc:hover::after,.cvh-soc:focus-visible::after{opacity:1}
.cvh-soc svg{width:16px;height:16px}

/* —— SECCIÓN 3 · 4 cols —— */
.cvh-f-cols{
  padding-block:clamp(28px,4vw,40px);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,40px);
  border-bottom:1px solid var(--line-soft);
}
.cvh-f-col{min-width:0}
.cvh-f-col h4{
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);margin-bottom:14px;
}
.cvh-f-col ul{display:flex;flex-direction:column;gap:9px}
.cvh-f-col a{
  color:var(--ink-dim);font-size:14px;line-height:1.5;
  display:inline-flex;align-items:center;gap:6px;transition:color .15s;
}
.cvh-f-col a:hover{color:var(--gold)}
.cvh-f-col a .new{
  font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--amber);background:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.25);
  padding:2px 6px;border-radius:4px;
}
.cvh-f-col .cvh-pill{margin-bottom:8px;width:100%;justify-content:flex-start;font-size:13.5px}
.cvh-f-col .cvh-pill .chev{margin-left:auto}
.cvh-f-col .help{font-size:12.5px;color:var(--ink-mute);line-height:1.55;margin-top:8px}

/* —— SECCIÓN 4 · país activo —— */
.cvh-f-active{
  margin-block:clamp(20px,3vw,32px) 0;
  padding:clamp(14px,2vw,20px) clamp(16px,2.4vw,22px);
  background:linear-gradient(180deg,rgba(212,175,55,.07),rgba(212,175,55,.02));
  border:1px solid rgba(212,175,55,.28);border-radius:14px;
  display:flex;align-items:center;gap:clamp(12px,2vw,18px);flex-wrap:wrap;
}
.cvh-f-active .eye{font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:block}
.cvh-f-active h5{font-family:var(--f-display);font-weight:600;font-size:clamp(16px,2.2vw,19px);color:var(--ink);line-height:1.2;margin-top:3px}
.cvh-f-active h5 em{font-family:var(--f-script);font-style:italic;font-weight:500;color:var(--gold)}
.cvh-f-active .body{flex:1;min-width:140px}

/* —— SECCIÓN 5 · grid 57 / dropdown móvil —— */
.cvh-f-grid-wrap{margin-top:clamp(20px,3vw,32px);padding-block:clamp(20px,3vw,28px);border-top:1px solid var(--line-soft)}
.cvh-f-grid-h{
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink-mute);margin-bottom:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.cvh-f-grid-h .count{color:var(--gold)}
.cvh-f-grid-h .live{display:inline-flex;align-items:center;gap:6px;color:var(--olive)}
.cvh-f-grid-h .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--olive);box-shadow:0 0 8px var(--olive);animation:pulse 2.6s ease-in-out infinite}
.cvh-f-grid-h .soonleg{color:var(--amber);display:inline-flex;align-items:center;gap:6px}
.cvh-f-grid-h .soonleg::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber)}

.cvh-f-grid{display:grid;gap:6px clamp(10px,1.4vw,14px);grid-template-columns:repeat(7,minmax(0,1fr))}
.cvh-f-grid .c{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 9px;border-radius:7px;
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-dim);background:transparent;border:1px solid transparent;
  transition:color .15s,background .15s,border-color .15s;text-align:left;
  min-height:32px;
}
.cvh-f-grid .c:hover{color:var(--gold);background:rgba(212,175,55,.06);border-color:var(--line-soft)}
.cvh-f-grid .c.soon{color:var(--ink-mute)}
.cvh-f-grid .c.soon .nm::after{content:" ·";color:var(--amber)}
.cvh-f-grid .c.active{color:var(--ink)}
.cvh-f-grid .c.active::after{content:"●";color:var(--gold);font-size:7px;margin-left:auto}

.cvh-f-grid-mobile{display:none;margin-top:8px}
.cvh-f-grid-mobile .cvh-pill{width:100%;justify-content:flex-start;padding:12px 14px;font-size:14px}
.cvh-f-grid-mobile .cvh-pill .chev{margin-left:auto}

/* —— SECCIÓN 6 · legal —— */
.cvh-f-legal{
  padding-block:clamp(18px,2.4vw,22px); margin-top:clamp(20px,3vw,28px);
  border-top:1px solid var(--line-soft);
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.cvh-f-legal-l{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cvh-f-legal-l .dot{width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.5}
.cvh-f-legal-r{display:flex;gap:18px;flex-wrap:wrap}
.cvh-f-legal-r a{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}
.cvh-f-legal-r a:hover{color:var(--gold)}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */
/* Auto-ajuste fila 2/3 tablet + desktop (≥768px)
   Los 4 botones se reparten elegantemente, el spacer no abre hueco
   gigante y live/pill mantienen su posición a la derecha. */
@media (min-width:768px){
  .cvh-r2,.cvh-r3{gap:clamp(8px,1.2vw,14px)}
  .cvh-r2 .cvh-btn,.cvh-r3 .cvh-btn{
    flex:1 1 auto;
    max-width:clamp(180px,22vw,260px);
    min-width:140px;
    justify-content:center;
  }
  .cvh-r2 .cvh-spacer,.cvh-r3 .cvh-spacer{flex:0 1 clamp(20px,4vw,80px)}
  .cvh-r2 .cvh-live,.cvh-r3 .cvh-pill{flex:0 0 auto;margin-left:auto}
}
@media (min-width:768px) and (max-width:1023px){
  /* Tablet: live oculto en <1200 · botones full · pill compacta */
  .cvh-r2 .cvh-btn,.cvh-r3 .cvh-btn{max-width:none;flex:1 1 0}
  .cvh-r2 .cvh-spacer,.cvh-r3 .cvh-spacer{display:none}
  .cvh-r3 .cvh-pill .lbl{display:inline}
}

/* Hide non-essential bits as space shrinks */
@media (max-width:1200px){
  .cvh-live{display:none}
  .cvh-f-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:1023px){
  .cvh-logo-text small{display:none}
  .cvh-pill .lbl{display:none}
  .cvh-f-cta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cvh-f-brand{grid-template-columns:1fr;gap:20px}
  .cvh-f-social{align-items:flex-start}
  .cvh-f-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
  .cvh-f-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:767px){
  .cvh-r1,.cvh-r2,.cvh-r3{gap:8px}

  /* row 2/3 mobile: botones full · spacer eliminado para cerrar huecos */
  .cvh-r2 .cvh-btn,.cvh-r3 .cvh-btn{flex:1 1 0;min-width:0;font-size:13px;padding-inline:8px}
  .cvh-r2 .cvh-spacer,.cvh-r3 .cvh-spacer{display:none}
  .cvh-r3 .cvh-pill{flex:0 0 auto}
  /* vela mobile · cuerpo + llama escalados */
  .cvh-r2 .cvh-btn--vela{padding-left:26px}
  .cvh-r2 .cvh-btn--vela::before{left:8px;width:11px;height:15px}
  .cvh-r2 .cvh-btn--vela::after{left:13px;width:5px;height:7px;transform:translate(-50%,calc(-50% - 9px))}

  .cvh-pill .code{display:none}

  /* drawers full-screen */
  .cvh-d{width:100%;border-left:none;border-radius:0}

  /* popups → bottom sheet */
  .cvh-pop{
    top:auto;bottom:0;right:0;left:0;width:100%;
    border-radius:18px 18px 0 0;max-height:80vh;
    transform:translateY(100%);
  }
  .cvh-pop.is-open{transform:translateY(0)}
  .cvh-pop::before{
    content:"";display:block;width:42px;height:4px;border-radius:2px;
    background:rgba(240,234,214,.2);margin:0 auto 8px;
  }

  /* footer mobile */
  .cvh-f-cta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cvh-tile{padding:14px;min-height:108px}
  .cvh-tile .h{font-size:14px}
  .cvh-tile .p{display:none}

  .cvh-f-brand{grid-template-columns:1fr;gap:18px}
  .cvh-f-pitch{font-size:13.5px}
  .cvh-f-social{align-items:flex-start}

  .cvh-f-cols{grid-template-columns:1fr;gap:0;padding-block:8px 0}
  .cvh-f-col{border-bottom:1px solid var(--line-soft);padding-block:14px}
  .cvh-f-col:last-of-type{border-bottom:none}
  .cvh-f-col h4{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:0;padding:4px 0;min-height:32px}
  .cvh-f-col:not(.cvh-f-col--country) h4::after{content:"+";font-family:var(--f-display);font-size:22px;color:var(--gold);font-weight:400;line-height:1}
  .cvh-f-col.is-open:not(.cvh-f-col--country) h4::after{content:"−"}
  .cvh-f-col:not(.cvh-f-col--country) ul{display:none;margin-top:12px}
  .cvh-f-col.is-open ul{display:flex}
  .cvh-f-col--country h4{cursor:default}

  .cvh-f-active{gap:12px}
  .cvh-f-active .cvh-btn{width:100%}
  .cvh-f-active .body{min-width:140px;flex:1}

  .cvh-f-grid{display:none}
  .cvh-f-grid-mobile{display:block}
  .cvh-f-grid-h .live,.cvh-f-grid-h .soonleg{font-size:9.5px}

  .cvh-f-legal{flex-direction:column;align-items:flex-start;gap:10px}
  .cvh-f-legal-r{gap:12px}
}

/* ultra-small <=360 */
@media (max-width:380px){
  :root{--pad-x:12px;--h-r1:54px;--h-r2:46px;--h-r3:46px}
  .cvh-logo-text{font-size:13px}
  .cvh-btn{font-size:12.5px}
  .cvh-burger{width:38px;height:38px}
}

/* reduce motion */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}

/* ═══ TICKET 9 · CVH-FUNERARIAS-ALTA-FORM-CSS · 2026-05-20 ═══ */
/* Override WPForms render-modern dentro template fullscreen CVH */

body.cvh-template-fullscreen .vc_row + .vc_row {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.cvh-template-fullscreen .wpforms-container.wpforms-render-modern {
  background: transparent !important;
  font-family: 'DM Sans', sans-serif !important;
  max-width: clamp(320px, 90vw, 720px);
  margin: 0 auto;
  padding: clamp(1rem, 4vw, 2.5rem);
}

body.cvh-template-fullscreen .wpforms-container .wpforms-field-label {
  color: var(--cvh-pearl, #F0EAD6) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: clamp(.7rem, 1.6vw, .8rem) !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  margin-bottom: .5rem !important;
}

body.cvh-template-fullscreen .wpforms-container input[type="text"],
body.cvh-template-fullscreen .wpforms-container input[type="email"],
body.cvh-template-fullscreen .wpforms-container input[type="tel"],
body.cvh-template-fullscreen .wpforms-container input[type="url"],
body.cvh-template-fullscreen .wpforms-container input[type="number"],
body.cvh-template-fullscreen .wpforms-container select,
body.cvh-template-fullscreen .wpforms-container textarea {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  border-radius: 8px !important;
  color: var(--cvh-pearl, #F0EAD6) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: clamp(.9rem, 2vw, 1rem) !important;
  padding: clamp(.75rem, 2vw, 1rem) !important;
  backdrop-filter: blur(8px);
  transition: border-color .2s, background .2s;
}

body.cvh-template-fullscreen .wpforms-container input:focus,
body.cvh-template-fullscreen .wpforms-container select:focus,
body.cvh-template-fullscreen .wpforms-container textarea:focus {
  border-color: var(--cvh-gold, #D4AF37) !important;
  background: rgba(255,255,255,0.07) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1) !important;
}

body.cvh-template-fullscreen .wpforms-container .wpforms-field-description {
  color: rgba(240, 234, 214, 0.55) !important;
  font-size: clamp(.75rem, 1.6vw, .85rem) !important;
  font-style: italic;
}

body.cvh-template-fullscreen .wpforms-container .wpforms-submit-container {
  text-align: center;
  margin-top: clamp(1.5rem, 4vw, 2.5rem);
}

body.cvh-template-fullscreen .wpforms-container button.wpforms-submit {
  background: linear-gradient(135deg, var(--cvh-gold, #D4AF37) 0%, #b8941f 100%) !important;
  color: #06060F !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(.95rem, 2vw, 1.1rem) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: clamp(.85rem, 2.5vw, 1.1rem) clamp(2rem, 5vw, 3rem) !important;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3);
}

body.cvh-template-fullscreen .wpforms-container button.wpforms-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(212, 175, 55, 0.45);
}

body.cvh-template-fullscreen .wpforms-container .wpforms-field-checkbox label,
body.cvh-template-fullscreen .wpforms-container .wpforms-field-radio label {
  color: rgba(240, 234, 214, 0.85) !important;
  font-size: clamp(.85rem, 1.8vw, .95rem) !important;
}

body.cvh-template-fullscreen .wpforms-container .wpforms-field-checkbox a,
body.cvh-template-fullscreen .wpforms-container .wpforms-field-radio a {
  color: var(--cvh-gold, #D4AF37) !important;
  text-decoration: underline;
}

body.cvh-template-fullscreen .wpforms-container .wpforms-confirmation-container-full {
  background: rgba(212, 175, 55, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  border-radius: 12px !important;
  padding: clamp(1.5rem, 4vw, 2.5rem) !important;
  color: var(--cvh-pearl, #F0EAD6) !important;
  text-align: center;
}

@media (max-width: 767px) {
  body.cvh-template-fullscreen .wpforms-container {
    padding: clamp(.75rem, 3vw, 1.5rem);
  }
}
/* ═══ FIN TICKET 9 · CVH-FUNERARIAS-ALTA-FORM-CSS ═══ */