/* El Malecón Brujo · Brujos en Veracruz
   Guayabera, paliacate, Golfo de México y boletos de lancha. Sin frameworks. */
:root{
  --guaya:#fbf7ee; --arena:#f1e6cc; --tinta:#14202b; --tinta2:#3b4a57;
  --golfo:#0b5a7a; --golfo2:#073e55; --turquesa:#19a7a8; --selva:#1f6b3a; --paliacate:#c8102e;
  --mango:#ffb81c; --rosa:#e0457b; --morado:#5b3a8c; --barro:#8a5a3c;
  --display:"Chango","Cooper Black","Rockwell Extra Bold",Georgia,serif;
  --texto:"Gill Sans","Gill Sans MT","Seravek","Trebuchet MS",Calibri,sans-serif;
  --mono:ui-monospace,"Cascadia Mono","Courier New",monospace;
  --ancho:1180px; --radio:16px; --sombra:5px 6px 0 var(--golfo2);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--tinta);font:1.08rem/1.6 var(--texto);background-color:var(--guaya);
  /* alforzas de guayabera */
  background-image:repeating-linear-gradient(90deg,transparent 0 58px,rgba(11,90,122,.07) 58px 60px,transparent 60px 66px,rgba(11,90,122,.07) 66px 68px,transparent 68px 126px)}
img,svg{max-width:100%;display:block}
a{color:var(--golfo);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--paliacate)}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.05;margin:0 0 .45em}
h2{font-size:clamp(1.9rem,4.6vw,3rem);color:var(--golfo)}
h3{font-size:1.3rem}
p{margin:0 0 1em}
.saltar{position:absolute;left:-999px;top:0;background:var(--tinta);color:#fff;padding:.6em 1em;z-index:99}
.saltar:focus{left:8px}
:focus-visible{outline:3px dashed var(--paliacate);outline-offset:3px}
.envoltura{max-width:var(--ancho);margin:0 auto;padding:0 16px}

/* ---------- Cintillo y paliacate ---------- */
.cintillo{background:var(--golfo2);color:var(--guaya);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:7px 16px;font:700 .76rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em}
.cintillo a{color:var(--mango);text-decoration:none}
.paliacate{height:24px;background-color:var(--paliacate);border-top:3px solid var(--tinta);border-bottom:3px solid var(--tinta);
  background-image:
    radial-gradient(circle at 12px 12px,#fff 2.6px,transparent 3.2px),
    radial-gradient(circle at 0 0,transparent 5px,#fff 5.6px,#fff 6.6px,transparent 7.2px),
    radial-gradient(circle at 24px 24px,transparent 5px,#fff 5.6px,#fff 6.6px,transparent 7.2px);
  background-size:24px 24px}
@media (max-width:640px){.cintillo{justify-content:center;text-align:center}}

/* ---------- Cabecera ---------- */
.cabecera{max-width:var(--ancho);margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tinta)}
.logo svg{width:54px;height:54px;background:var(--mango);border:3px solid var(--tinta);border-radius:50%;padding:5px}
.logo-txt{font:1.9rem/1 var(--display);color:var(--golfo)}
.logo-txt em,.pie-marca em{font-style:normal;color:var(--paliacate)}
.logo-txt small{display:block;font:700 .66rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tinta2);margin-top:4px}
.menu{display:flex;flex-wrap:wrap;gap:6px}
.menu a{text-decoration:none;color:var(--tinta);font:700 .8rem/1 var(--mono);text-transform:uppercase;padding:9px 12px;border:2px solid var(--tinta);border-radius:999px;background:var(--guaya)}
.menu a:hover{background:var(--turquesa);color:#fff}
.menu .menu-anuncio{background:var(--paliacate);color:#fff}
@media (max-width:700px){.menu{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}.menu a{white-space:nowrap}.logo-txt{font-size:1.6rem}}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:46px;padding:.8em 1.1em;border:2.5px solid var(--tinta);border-radius:999px;
  font:700 .92rem/1.1 var(--mono);text-transform:uppercase;text-decoration:none;color:#fff;box-shadow:3px 4px 0 var(--tinta);transition:transform .12s,box-shadow .12s}
.btn:hover{color:#fff;transform:translateY(-2px);box-shadow:3px 6px 0 var(--tinta)}
.btn:active{transform:translateY(2px);box-shadow:1px 1px 0 var(--tinta)}
.btn small{font-size:.74em;font-weight:400;opacity:.92}
.btn-wa{background:var(--selva)}
.btn-wa::before{content:"";width:1.15em;height:1.15em;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.4-.7-2.8-1.1-4.6-4-4.8-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .5l-.3.5-.4.4c-.1.2-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.2.5.1.6 0l.9-1c.2-.3.4-.2.6-.1l2 1c.3.1.5.2.5.3.1.1.1.6-.1 1.3z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.4-.7-2.8-1.1-4.6-4-4.8-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .5l-.3.5-.4.4c-.1.2-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.2.5.1.6 0l.9-1c.2-.3.4-.2.6-.1l2 1c.3.1.5.2.5.3.1.1.1.6-.1 1.3z'/%3E%3C/svg%3E") center/contain no-repeat}
.btn-tel{background:var(--paliacate)}
.btn-tel::before{content:"☎";font-size:1.1em}
.btn-claro{background:var(--guaya);color:var(--tinta)}
.btn-claro:hover{color:var(--tinta)}

/* ---------- Portada ---------- */
.portada{background:var(--golfo);color:var(--guaya);position:relative;overflow:hidden;padding:40px 0 0;border-top:3px solid var(--tinta)}
.portada::before{content:"";position:absolute;right:-90px;top:-90px;width:340px;height:340px;border-radius:50%;background:var(--mango);opacity:.95;border:4px solid var(--tinta)}
.portada-grid{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.sello{display:inline-block;background:var(--paliacate);color:#fff;font:700 .76rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;padding:8px 12px;border:2px solid var(--tinta);border-radius:999px;transform:rotate(-2deg)}
.portada h1{font-size:clamp(3.2rem,9.5vw,6.6rem);line-height:.95;margin:.25em 0 .3em;color:var(--mango);text-shadow:4px 5px 0 var(--tinta)}
.portada h1 span{display:block;color:var(--guaya);font-size:.58em}
.portada h1 span em{font-style:normal;color:var(--turquesa);text-shadow:3px 4px 0 var(--tinta)}
.bajada{font-size:1.18rem;max-width:34em}
.bajada a{color:var(--mango)}
.bajada strong{color:#fff;border-bottom:3px solid var(--mango)}
.buscador{position:relative;background:var(--guaya);color:var(--tinta);border:3px solid var(--tinta);border-radius:var(--radio);box-shadow:6px 8px 0 var(--tinta);padding:22px 22px 22px 56px}
.buscador::before{content:"BOLETO · IDA Y VUELTA";position:absolute;left:0;top:0;bottom:0;width:38px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);
  background:var(--paliacate);color:#fff;font:700 .7rem/1 var(--mono);letter-spacing:.14em;border-radius:0 13px 13px 0;border-left:3px dashed var(--guaya)}
.buscador h2{font-size:1.7rem;color:var(--golfo)}
.buscador label{display:block;font:700 .76rem/1.2 var(--mono);text-transform:uppercase;margin:12px 0 6px}
.buscador select,.filtros select,.filtros input{width:100%;min-height:46px;font:1rem var(--texto);color:var(--tinta);padding:.65em .8em;border:2px solid var(--tinta);border-radius:10px;background:#fff}
.buscador .btn{width:100%;margin-top:16px;background:var(--turquesa);font-size:1.02rem}
.mar{position:relative;margin-top:30px;width:100%;height:auto}
@media (max-width:860px){.portada-grid{grid-template-columns:1fr}.portada::before{width:220px;height:220px;right:-80px;top:-80px}.buscador{padding-left:52px}}

/* Franja */
.franja{display:grid;grid-template-columns:repeat(3,1fr);background:var(--tinta);gap:3px;border-bottom:3px solid var(--tinta)}
.franja p{margin:0;padding:14px 10px;text-align:center;font:700 .82rem/1.3 var(--mono);text-transform:uppercase}
.franja p:nth-child(1){background:var(--selva);color:#fff}
.franja p:nth-child(2){background:var(--mango)}
.franja p:nth-child(3){background:var(--paliacate);color:#fff}
.franja b{display:block;font:400 1.7rem/1 var(--display);margin-bottom:4px}
@media (max-width:700px){.franja p{font-size:.68rem;padding:12px 4px}.franja b{font-size:1.25rem}}

/* ---------- Secciones ---------- */
.seccion{padding:56px 0}
.rotulo{display:inline-flex;align-items:center;gap:10px;font:700 .78rem/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--paliacate);margin-bottom:12px}
.rotulo::before{content:"";width:34px;height:10px;background:radial-gradient(circle at 5px 5px,currentColor 3px,transparent 3.5px) 0 0/12px 10px}
.intro{max-width:46em;font-size:1.12rem}
.oscura{background:var(--golfo2);color:var(--guaya)}
.oscura h2{color:var(--mango)}
.oscura a{color:var(--mango)}
.oscura .rotulo{color:var(--turquesa)}
.selva{background:var(--selva);color:var(--guaya)}
.selva h2{color:var(--mango)}
.selva a{color:var(--mango)}
.selva .rotulo{color:var(--mango)}

/* ---------- Filtros ---------- */
.filtros[hidden]{display:none}
.filtros{display:grid;grid-template-columns:1fr 220px 220px;gap:12px;align-items:end;background:#fff;border:3px solid var(--tinta);border-radius:var(--radio);padding:14px;margin:18px 0 10px}
.filtros label{display:block;font:700 .72rem/1 var(--mono);text-transform:uppercase;margin-bottom:6px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{font:700 .76rem/1 var(--mono);text-transform:uppercase;padding:9px 12px;min-height:38px;border:2px solid var(--tinta);border-radius:999px;background:var(--guaya);color:var(--tinta);cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--golfo);color:var(--mango)}
.conteo{font:700 .85rem/1.3 var(--mono);text-transform:uppercase;margin:0 0 18px}
.conteo b{color:var(--paliacate)}
.vacio{border:3px dashed var(--tinta);border-radius:var(--radio);padding:24px;text-align:center;background:#fff}
@media (max-width:860px){.filtros{grid-template-columns:1fr}}

/* ---------- Boletos de lancha ---------- */
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:26px 22px;align-items:start}
.boleto{--c:var(--golfo);display:grid;grid-template-columns:46px 1fr;background:#fff;border:3px solid var(--tinta);border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden;transition:transform .15s}
.boleto:hover{transform:translateY(-3px)}
.boleto[hidden]{display:none}
.c-anil{--c:var(--golfo)}.c-verde{--c:var(--selva)}.c-rojo{--c:var(--paliacate)}.c-rosa{--c:var(--rosa)}.c-cempa{--c:#d98a00}.c-morado{--c:var(--morado)}.c-tinta{--c:var(--tinta2)}
.boleto-talon{background:var(--c);color:#fff;border-right:3px dashed var(--guaya);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 0;
  font:700 .62rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em}
.boleto-talon span{writing-mode:vertical-rl;transform:rotate(180deg)}
.boleto-talon b{font:400 1.5rem/1 var(--display);letter-spacing:0;background:var(--guaya);color:var(--tinta);border:2px solid var(--tinta);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:1rem}
.boleto-cuerpo{padding:16px 16px 18px;display:flex;flex-direction:column}
.boleto-ventana{width:150px;aspect-ratio:1;margin:2px auto 12px;border-radius:50%;border:6px solid var(--mango);outline:3px solid var(--tinta);overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.35),transparent 60%),repeating-radial-gradient(circle at 50% 120%,var(--c) 0 10px,color-mix(in srgb,var(--c) 75%,#fff) 10px 20px)}
.boleto-sim{width:66%;height:auto;filter:drop-shadow(2px 3px 0 rgba(20,32,43,.35))}
.boleto-con-foto .boleto-ventana{width:100%;aspect-ratio:4/5;border-radius:120px 120px 12px 12px;outline-offset:0}
.boleto-ventana img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.boleto-nombre{text-align:center;font-size:1.32rem;color:var(--c);margin-bottom:.35em}
.boleto-quien{text-align:center;font-size:.98rem;margin-bottom:10px;padding-bottom:10px;border-bottom:2px dotted var(--tinta2)}
.boleto-tags{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
.boleto-tags li{font:700 .66rem/1 var(--mono);text-transform:uppercase;padding:5px 8px;border:1.5px solid var(--tinta);border-radius:999px;background:var(--guaya)}
.boleto-tags li:first-child{background:var(--c);color:#fff}
.boleto-desc{font-size:.98rem;line-height:1.5}
.boleto-ia{font:italic .74rem/1.35 var(--mono);color:var(--paliacate);margin:0 0 10px}
.boleto-bio{margin:0 0 12px;border:1.5px dashed var(--tinta2);border-radius:10px;padding:6px 10px;background:var(--guaya)}
.boleto-bio summary{cursor:pointer;font:700 .74rem/1.6 var(--mono);text-transform:uppercase}
.boleto-bio p{font-size:.94rem;margin:8px 0}
.boleto-dato{font:.78rem/1.5 var(--mono);color:var(--tinta2);margin-top:auto}
.boleto-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.boleto-btns .btn{font-size:.74rem;padding:.7em .4em;flex-direction:column;gap:3px;border-radius:12px}

/* ---------- Rumbos (regiones) ---------- */
.rumbos{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;counter-reset:r}
.rumbos li{counter-increment:r;position:relative;padding:14px 16px 14px 58px;border:2px solid var(--turquesa);border-radius:var(--radio)}
.rumbos li::before{content:counter(r,decimal-leading-zero);position:absolute;left:12px;top:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mango);color:var(--tinta);font:.9rem/1 var(--display);border:2px solid var(--tinta)}
.rumbos h3{font-size:1.12rem;margin-bottom:.25em}
.rumbos p{font-size:.95rem;margin:0}

/* ---------- Catemaco destacado ---------- */
.catemaco-bloque{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center}
.laguna{position:relative;border:3px solid var(--tinta);border-radius:var(--radio);background:var(--turquesa);box-shadow:6px 8px 0 var(--tinta);overflow:hidden;aspect-ratio:4/3}
.laguna svg{position:absolute;inset:0;width:100%;height:100%}
.laguna p{position:absolute;left:14px;bottom:12px;margin:0;background:var(--guaya);color:var(--tinta);border:2px solid var(--tinta);border-radius:999px;padding:6px 12px;font:700 .74rem/1 var(--mono);text-transform:uppercase}
@media (max-width:860px){.catemaco-bloque{grid-template-columns:1fr}}

/* ---------- Servicios ---------- */
.servicios{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.servicio{display:flex;gap:14px;align-items:flex-start;padding:18px;border:2.5px solid var(--tinta);border-radius:var(--radio);background:#fff}
.servicio svg{width:54px;height:54px;flex:none;background:var(--arena);border-radius:50%;padding:5px;border:2px solid var(--tinta)}
.servicio h3{font-size:1.15rem;margin-bottom:.2em}
.servicio p{font-size:.95rem;margin:0}

/* ---------- Crónica ---------- */
.columnas{columns:2 22em;column-gap:40px}
.columnas p:first-child::first-letter{float:left;font:4.4rem/.8 var(--display);color:var(--paliacate);padding:6px 8px 0 0}

/* ---------- Consejos ---------- */
.consejos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;counter-reset:c}
.consejos li{counter-increment:c;position:relative;background:#fff;border:2px solid var(--tinta);border-radius:var(--radio);padding:18px 18px 18px 66px}
.consejos li::before{content:counter(c);position:absolute;left:14px;top:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--turquesa);color:#fff;font:1.2rem/1 var(--display);border:2px solid var(--tinta)}
.consejos strong{display:block;font:400 1.1rem/1.2 var(--display);margin-bottom:4px;color:var(--golfo)}

/* ---------- Preguntas ---------- */
.preguntas details{border-bottom:2px dotted var(--tinta);padding:4px 0}
.preguntas summary{cursor:pointer;list-style:none;font:1.15rem/1.3 var(--display);padding:14px 44px 14px 0;position:relative;color:var(--golfo)}
.preguntas summary::-webkit-details-marker{display:none}
.preguntas summary::after{content:"+";position:absolute;right:4px;top:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--mango);border:2px solid var(--tinta);font:1.2rem/1 var(--display);color:var(--tinta)}
.preguntas details[open] summary::after{content:"–"}
.preguntas details p{max-width:48em}

/* ---------- Separa tu consulta ---------- */
.separa{display:grid;grid-template-columns:1fr 1.3fr;gap:24px 36px;margin:44px 0 30px;padding:28px 26px;background:#fff;border:3px solid var(--tinta);border-radius:var(--radio);box-shadow:var(--sombra)}
.separa-pasos{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:p}
.separa-pasos li{counter-increment:p;position:relative;padding:4px 0 4px 54px}
.separa-pasos li::before{content:counter(p);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:1.2rem/1 var(--display);background:var(--mango);border:2px solid var(--tinta)}
.separa-pasos strong{display:block;font:400 1.1rem/1.2 var(--display);color:var(--golfo);margin-bottom:2px}
.separa-canales{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.separa-canal{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border:3px solid var(--tinta);border-radius:var(--radio);color:#fff;text-decoration:none;box-shadow:4px 5px 0 var(--tinta);transition:transform .12s}
.separa-canal:hover{color:#fff;transform:translateY(-2px)}
.separa-canal span{font:700 .78rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em}
.separa-canal b{font:400 clamp(1.35rem,3.3vw,1.95rem)/1.1 var(--display)}
.separa-canal small{font:.8rem var(--mono);opacity:.92}
.separa-wa{background:var(--selva)}
.separa-tel{background:var(--paliacate)}
@media (max-width:860px){.separa{grid-template-columns:1fr}.separa-canales{grid-template-columns:1fr}}

/* ---------- Artículos ---------- */
.migas{font:.78rem/1.4 var(--mono);text-transform:uppercase;margin:18px 0 0}
.migas ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.migas li+li::before{content:"〰";margin-right:6px;color:var(--turquesa)}
.articulo-cab{padding:28px 0 22px;margin-bottom:30px;border-bottom:3px solid var(--tinta);position:relative}
.articulo-cab::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:10px;background:radial-gradient(circle at 6px 5px,var(--paliacate) 3px,transparent 3.5px) 0 0/16px 10px}
.articulo-cab h1{font-size:clamp(2.4rem,7vw,4.6rem);color:var(--golfo);text-shadow:3px 4px 0 var(--mango);margin:.2em 0 .25em}
.articulo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.articulo-texto{max-width:44em}
.articulo-texto h2{font-size:clamp(1.6rem,3.6vw,2.2rem);margin-top:1.4em}
.articulo-texto h3{margin-top:1.2em;color:var(--selva)}
.articulo-texto ul,.articulo-texto ol{padding-left:1.2em}
.articulo-texto li{margin:.35em 0}
.recuadro{background:#fff;border:3px solid var(--tinta);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px 20px;margin:1.6em 0}
.recuadro-alerta{border-color:var(--paliacate);box-shadow:5px 6px 0 var(--paliacate)}
.lateral{position:sticky;top:16px;display:grid;gap:20px}
.lateral .recuadro{margin:0}
.lateral h2{font-size:1.4rem}
.lateral nav a{display:block;padding:7px 0;border-bottom:1px dotted var(--tinta2);text-decoration:none;color:var(--tinta)}
.lateral .btn{width:100%;margin-top:10px}
@media (max-width:900px){.articulo{grid-template-columns:1fr}.lateral{position:static}}

/* ---------- Anúnciate ---------- */
.cta-anuncio{position:relative;margin:20px 0;padding:30px 26px;background:var(--mango);border:3px solid var(--tinta);border-radius:var(--radio);box-shadow:6px 8px 0 var(--tinta)}
.cta-anuncio h2{font-size:clamp(1.6rem,4vw,2.4rem);color:var(--tinta);max-width:18em}
.cta-anuncio p{max-width:40em}
.cta-sello{position:absolute;top:-18px;right:22px;margin:0;background:var(--paliacate);color:#fff;font:1.1rem/1 var(--display);padding:10px 16px;border:3px solid var(--tinta);border-radius:999px;transform:rotate(4deg)}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Pie ---------- */
.pie{position:relative;background:var(--golfo2);color:var(--guaya);margin-top:70px;padding:40px 16px 90px}
.pie-ola{position:absolute;left:0;right:0;top:-38px;width:100%;height:40px;fill:var(--golfo2)}
.pie-grid{max-width:var(--ancho);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.pie a{color:var(--guaya)}
.pie nav a{display:block;padding:5px 0}
.pie .btn{width:100%;margin-bottom:10px;color:#fff}
.pie-marca{font:2rem/1 var(--display);color:var(--mango)}
.pie-tit{font:700 .78rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--turquesa)}
.pie-aviso{max-width:var(--ancho);margin:30px auto 0;padding-top:18px;border-top:1px solid rgba(251,247,238,.25);font-size:.88rem;opacity:.85}
.pie-hecho{max-width:var(--ancho);margin:0 auto;font:.75rem var(--mono);text-transform:uppercase;letter-spacing:.1em;opacity:.8}
@media (max-width:860px){.pie-grid{grid-template-columns:1fr 1fr}.pie-grid>div:first-child{grid-column:1/-1}}

/* Barra flotante móvil */
.flota{display:none}
@media (max-width:760px){
  .flota{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--tinta);border-top:3px solid var(--tinta)}
  .flota .btn{border:0;border-radius:0;box-shadow:none;min-height:56px;font-size:.88rem;padding:.6em .5em}
  .flota .btn:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.boleto,.btn{transition:none}}