/* Amor-Acuyá Gelato · RDW Novatech Web Studio
   Idea: el nombre partido en dos (Amor = chocolate, acuyá = maracuyá) que se junta en el helado.
   Todo el contenido se ve sin JavaScript; el movimiento es una capa encima. */
:root{
  --crema:#fbf6ec;
  --nata:#f3e8d3;
  --cacao:#2b1a12;
  --cacao-2:#5a4034;
  --maracuya:#f0a21e;
  --pulpa:#e07a1f;
  --cascara:#7a3a55;
  --blanco:#fff;
  --display:"Rozha One",Georgia,"Times New Roman",serif;
  --texto:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Azeret Mono",ui-monospace,Consolas,monospace;
  --radio:22px;
  --suave:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--crema);color:var(--cacao);font-family:var(--texto);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
figure{margin:0}
ul[role=list]{list-style:none;margin:0;padding:0}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1;margin:0;letter-spacing:-.01em;text-wrap:balance}
p{text-wrap:pretty;margin:0 0 1em}
.label{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cacao-2);display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:18px}
.mono{font-family:var(--mono);font-size:.85em;letter-spacing:.02em}
.peq{font-size:14px;color:var(--cacao-2)}
.intro{font-size:clamp(17px,1.4vw,20px);max-width:58ch;color:var(--cacao-2)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--pulpa);outline-offset:3px;border-radius:6px}
.ref{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;background:rgba(43,26,18,.72);color:var(--crema);padding:4px 8px;border-radius:999px}

/* Botones */
.cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;border-radius:999px;padding:14px 22px;background:var(--cacao);color:var(--crema);border:2px solid var(--cacao);line-height:1.2;transition:transform .25s var(--suave),background .25s,color .25s}
.cta{padding:10px 16px;font-size:15px}
.btn-2{background:transparent;color:var(--cacao)}
.cta:hover,.btn:hover{transform:translateY(-2px)}
.btn-2:hover{background:var(--nata)}
.acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}

/* Barra */
.bar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--crema) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid rgba(43,26,18,.08)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.logo,.pie-logo{font-family:var(--display);font-size:26px;text-decoration:none;display:inline-flex;align-items:baseline;line-height:1}
.l-amor{color:var(--cacao)}.l-acuya{color:var(--maracuya)}
.l-guion{display:inline-block;width:14px;height:14px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--maracuya);margin:0 3px;position:relative;top:-2px;box-shadow:inset 0 -5px 0 var(--cacao)}
.pie .l-amor{color:var(--crema)}
.nav{display:flex;gap:26px}
.nav a{text-decoration:none;color:var(--cacao-2);font-weight:500;font-size:15px;position:relative}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--maracuya);transition:right .3s var(--suave)}
.nav a:hover::after{right:0}
@media (max-width:860px){.nav{display:none}}

/* ---------- HERO ---------- */
.hero{position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(40px,7vh,88px) clamp(48px,8vh,96px)}
.estado{display:inline-flex;align-items:center;gap:7px;text-transform:none;letter-spacing:0;font-family:var(--texto);font-size:13px;font-weight:600;color:var(--cacao);background:var(--nata);padding:4px 10px 4px 8px;border-radius:999px}
.estado i{width:9px;height:9px;border-radius:50%;background:#2ea862;box-shadow:0 0 0 3px rgba(46,168,98,.18)}
.estado i.cerrado{background:#c9552e;box-shadow:0 0 0 3px rgba(201,85,46,.18)}

.nombre{font-size:clamp(58px,9.6vw,150px);display:flex;align-items:center;flex-wrap:nowrap;line-height:.95;margin:4px 0 14px -0.03em;letter-spacing:-.02em}
.nombre .amor{color:var(--cacao);display:inline-block}
.nombre .acuya{color:var(--maracuya);display:inline-block}
.nombre .guion{display:inline-block;width:.42em;height:.42em;margin:0 .04em;flex:none;position:relative;top:.02em}
.nombre .guion svg{width:100%;height:100%;display:block;overflow:visible}
.lema{font-family:var(--display);font-size:clamp(22px,2.4vw,32px);line-height:1.2;color:var(--cacao);margin:0 0 14px}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--cacao-2);max-width:46ch;margin:0 0 26px}

.cifras{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:14px 28px;font-size:15px;color:var(--cacao-2)}
.cifras strong{font-family:var(--display);font-size:1.35em;color:var(--cacao);margin-right:4px}
.cifras .mono{display:block;color:var(--cacao);font-weight:500}
.cifra-google{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.cifra-google:hover strong{color:var(--pulpa)}
/* La nota de Google como cucharadas: la quinta llena al 70 % (4,7 de 5) */
.cucharadas{display:inline-flex;gap:4px}
.cucharadas i{width:18px;height:18px;border-radius:50% 50% 46% 46%/55% 55% 45% 45%;background:var(--maracuya);box-shadow:inset 0 -4px 0 rgba(43,26,18,.18);transform-origin:50% 100%}
.cucharadas i.media{background:linear-gradient(90deg,var(--maracuya) 70%,var(--nata) 70%)}
html.entra .cucharadas i{animation:servir .55s var(--suave) both;animation-delay:calc(.9s + var(--i)*.09s)}
@keyframes servir{from{transform:scale(0) translateY(10px)}60%{transform:scale(1.15) translateY(-2px)}to{transform:none}}

/* Foto del hero dentro de una bola que gotea */
.hero-img{position:relative;align-self:stretch;display:flex;align-items:center}
.plato{position:absolute;inset:0;transform:translate(14px,18px);z-index:0}
.plato::before{content:"";position:absolute;inset:0;background:var(--cacao);border-radius:54% 46% 48% 52%/56% 52% 48% 44%;animation:blob 16s ease-in-out infinite alternate}
.gota{position:absolute;bottom:-6px;width:16px;height:46px;background:var(--cacao);border-radius:10px 10px 14px 14px;transform-origin:50% 0;animation:gotear 6s ease-in-out infinite alternate}
.gota::after{content:"";position:absolute;left:50%;bottom:-8px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--cacao)}
.gota.g1{left:30%;height:38px;animation-delay:-1s}
.gota.g2{left:55%;height:60px;animation-delay:-3s;animation-duration:7.5s}
.gota.g3{left:72%;height:30px;animation-delay:-5s;animation-duration:5s}
@keyframes gotear{from{transform:scaleY(.65)}to{transform:scaleY(1)}}
.bola{position:relative;z-index:1;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:52% 48% 45% 55%/55% 50% 50% 45%;animation:blob 14s ease-in-out infinite alternate;background:var(--nata)}
.bola img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.bola .ref{position:absolute;left:50%;bottom:22px;transform:translateX(-50%)}
@keyframes blob{
  0%{border-radius:52% 48% 45% 55%/55% 50% 50% 45%}
  50%{border-radius:46% 54% 56% 44%/48% 56% 44% 52%}
  100%{border-radius:55% 45% 50% 50%/42% 50% 50% 58%}
}

/* Entrada del hero: solo transform, nunca opacidad 0 (la primera pantalla siempre se ve).
   Corre bajo html.entra y JS quita la clase a los 2,5 s. */
html.entra .nombre .amor{animation:desdeIzq 1s var(--suave) both}
html.entra .nombre .acuya{animation:desdeDer 1s var(--suave) both}
html.entra .nombre .guion svg{animation:girar 1.1s var(--suave) both}
html.entra .lema{animation:sube .8s var(--suave) .35s both}
html.entra .lead{animation:sube .8s var(--suave) .45s both}
html.entra .acciones{animation:sube .8s var(--suave) .55s both}
html.entra .hero-img{animation:sube 1.1s var(--suave) .2s both}
@keyframes desdeIzq{from{transform:translateX(-18vw)}}
@keyframes desdeDer{from{transform:translateX(18vw)}}
@keyframes girar{from{transform:rotate(-200deg) scale(.4)}}
@keyframes sube{from{transform:translateY(22px)}}

@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr;padding-block:28px 56px}
  .nombre{font-size:clamp(52px,16.5vw,88px)}
  .hero-img{max-width:420px;margin:12px auto 0}
  .plato{transform:translate(10px,14px)}
}

/* ---------- EL NOMBRE ---------- */
.sec{padding-block:clamp(64px,9vw,112px)}
.sec h2{font-size:clamp(36px,5vw,68px);margin-bottom:22px}
.nombre-sec{padding-bottom:0}
.h2-partido .t-amor{color:var(--cacao)}
.h2-partido .t-acuya{color:var(--maracuya)}
.mitades{position:relative;margin-top:clamp(28px,5vw,56px);display:grid;grid-template-columns:1fr 1fr;min-height:420px}
.mitad{position:relative;overflow:hidden;min-height:420px}
.mitad img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.m-choco{background:var(--cacao)}
.m-fruta{background:var(--maracuya)}
.m-choco img{opacity:.92}
.mitad figcaption{position:absolute;inset:auto 0 0 0;padding:22px clamp(20px,4vw,48px);display:flex;align-items:flex-end;justify-content:space-between;gap:12px;background:linear-gradient(to top,rgba(43,26,18,.55),transparent)}
.mitad .palabra{font-family:var(--display);font-size:clamp(44px,7vw,110px);line-height:.9;color:var(--crema);text-shadow:0 2px 24px rgba(0,0,0,.25)}
.m-fruta .palabra{color:var(--crema)}
/* La veta: dos cintas (chocolate y maracuyá) que se vierten con el scroll */
.veta{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:normal;filter:drop-shadow(0 6px 10px rgba(43,26,18,.25))}
.veta path{stroke-dasharray:1;stroke-dashoffset:0}
html.js .veta.dibuja path{stroke-dashoffset:var(--resta,1)}
.veta-fruta{opacity:.95}
@media (max-width:700px){.mitades{grid-template-columns:1fr;min-height:0}.mitad{min-height:300px}.veta{display:none}}

/* ---------- SABORES ---------- */
.sabores-sec{background:var(--nata)}
.sabores-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:start}
.arma{margin-top:28px;padding:24px;background:var(--crema);border-radius:var(--radio);box-shadow:0 1px 0 rgba(43,26,18,.06)}
.arma h3{font-size:clamp(26px,2.6vw,36px);margin-bottom:6px}
.lista-sabores{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:16px 0}
.sabor{width:100%;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;color:inherit;background:var(--blanco);border:2px solid transparent;border-radius:16px;padding:10px 12px;cursor:pointer;transition:border-color .25s,transform .25s var(--suave),background .25s}
.sabor:hover{transform:translateY(-2px)}
.sabor[aria-pressed=true]{border-color:var(--cacao);background:var(--crema)}
.sabor .sw{position:relative;flex:none;width:38px;height:38px;border-radius:50%;background:var(--c);box-shadow:inset 0 -6px 0 rgba(43,26,18,.16);transition:border-radius .5s var(--suave)}
.sabor .sw-veta{background:radial-gradient(circle at 30% 30%,var(--c2) 0 9%,transparent 10%),radial-gradient(circle at 65% 60%,var(--c2) 0 7%,transparent 8%),radial-gradient(circle at 40% 72%,var(--c2) 0 5%,transparent 6%),var(--c)}
/* Al pasar el cursor la bola se derrite: la base se ensancha y asoma una gota */
.sabor .sw::after{content:"";position:absolute;left:50%;bottom:-2px;width:8px;height:0;margin-left:-4px;background:var(--c);border-radius:0 0 6px 6px;transition:height .45s var(--suave)}
@media (hover:hover) and (pointer:fine){
  .sabor:hover .sw{border-radius:50% 50% 42% 42%/55% 55% 45% 45%}
  .sabor:hover .sw::after{height:14px}
}
.sabor .sn{font-weight:600;line-height:1.25}
.sabor .sn small{display:block;font-weight:400;font-size:13px;color:var(--cacao-2)}
.arma-estado{font-family:var(--mono);font-size:13px;color:var(--cacao-2);min-height:1.5em}
.nota{margin:14px 0 0}
.nota a{color:var(--cacao);font-weight:600}

/* El cono: 220 px de ancho → 286 px de alto; el borde del barquillo queda a unos 36 px del tope */
.cono-vis{--cono-w:220px;--bola:190px;position:sticky;top:calc(90px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--bola) * 2.15);min-height:520px}
.cono-vis .cono{width:var(--cono-w);display:block;filter:drop-shadow(0 18px 24px rgba(43,26,18,.22))}
.cono-pila{position:relative;width:var(--cono-w)}
.bolas{position:absolute;left:50%;bottom:calc(var(--cono-w) * 1.3 - var(--cono-w) * .22);transform:translateX(-50%);display:flex;flex-direction:column-reverse;align-items:center;z-index:2;width:var(--bola)}
.bola-s{width:var(--bola);aspect-ratio:1;flex:none;border-radius:50% 50% 46% 46%/56% 56% 44% 44%;background:var(--c);position:relative;box-shadow:inset 0 -14px 0 rgba(43,26,18,.16),0 10px 20px rgba(43,26,18,.12);transform-origin:50% 100%;animation:aplasta .6s var(--suave) both}
.bola-s + .bola-s{margin-bottom:calc(var(--bola) * -.46)}
.bola-s.veta{background:radial-gradient(circle at 28% 30%,var(--c2) 0 7%,transparent 8%),radial-gradient(circle at 66% 48%,var(--c2) 0 6%,transparent 7%),radial-gradient(circle at 42% 70%,var(--c2) 0 5%,transparent 6%),radial-gradient(circle at 74% 78%,var(--c2) 0 4%,transparent 5%),var(--c)}
.bola-s::after{content:"";position:absolute;left:22%;bottom:-10px;width:11px;height:26px;background:var(--c);border-radius:0 0 8px 8px;animation:escurre 1.2s var(--suave) .3s both}
.bola-s.sale{animation:derrite .4s var(--suave) forwards}
@keyframes aplasta{from{transform:translateY(-120px) scale(.6)}55%{transform:translateY(0) scale(1.08,.9)}to{transform:none}}
@keyframes escurre{from{height:0}to{height:26px}}
@keyframes derrite{to{transform:scale(1.2,.1);opacity:0}}
.cono-vacio{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cacao-2);margin-top:18px}
.cono-vacio.oculto{visibility:hidden}
@media (max-width:860px){
  .sabores-grid{grid-template-columns:1fr}
  .cono-vis{--cono-w:160px;--bola:140px;position:relative;top:0;order:-1;min-height:0}
}

/* ---------- HISTORIA + LEMA ---------- */
.historia-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,72px);align-items:center}
.lema-grande{font-family:var(--display);line-height:.95;letter-spacing:-.01em}
.lema-grande .serio{display:block;font-size:clamp(46px,7.4vw,112px);color:var(--cacao);letter-spacing:-.02em}
.lema-grande .relajado{display:block;font-size:clamp(28px,4.2vw,64px);color:var(--maracuya);margin-top:10px;font-style:italic;font-family:var(--texto);font-weight:400}
.relajado .pal{display:inline-block;white-space:nowrap}
.relajado .pal span{display:inline-block;transform-origin:50% 0;animation:mecer 3.4s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.37s)}
@keyframes mecer{from{transform:rotate(-7deg) translateY(0)}to{transform:rotate(7deg) translateY(3px)}}
.historia-txt p{margin-bottom:.9em}
.historia-txt a{color:var(--cacao);font-weight:600}
.galeria{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(120px,auto);gap:14px;margin-top:clamp(40px,6vw,72px)}
.galeria .g{position:relative;overflow:hidden;border-radius:var(--radio);background:var(--nata)}
.galeria img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--suave)}
@media (hover:hover) and (pointer:fine){.galeria .g:hover img{transform:scale(1.04)}}
.galeria .ref{position:absolute;left:12px;bottom:12px}
.g1{grid-column:1/8;grid-row:1/3;aspect-ratio:3/2}
.g2{grid-column:8/13;grid-row:1/4}
.g3{grid-column:1/5;grid-row:3/5}
.g4{grid-column:5/8;grid-row:3/5}
.g5{grid-column:8/13;grid-row:4/5;aspect-ratio:5/2}
@media (max-width:860px){
  .historia-grid{grid-template-columns:1fr}
  .galeria{grid-template-columns:repeat(6,1fr);grid-auto-rows:auto}
  .g1{grid-column:1/7;grid-row:auto;aspect-ratio:3/2;order:1}
  .g2{grid-column:1/4;grid-row:auto;aspect-ratio:3/4;order:2}
  .g4{grid-column:4/7;grid-row:auto;aspect-ratio:3/4;order:3}
  .g3{grid-column:1/7;grid-row:auto;aspect-ratio:3/2;order:4}
  .g5{grid-column:1/7;grid-row:auto;aspect-ratio:5/3;order:5}
}

/* ---------- OPINIONES: paletas que suben de la nevera ---------- */
.opiniones-sec{background:var(--cacao);color:var(--crema);position:relative;overflow:hidden}
.opiniones-sec .label,.opiniones-sec .intro{color:rgba(251,246,236,.72)}
.opiniones-sec .intro strong{color:var(--maracuya)}
.opiniones-sec .btn-2{color:var(--crema);border-color:var(--crema)}
.opiniones-sec .btn-2:hover{background:rgba(251,246,236,.1)}
.paletas{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end;margin:36px 0 40px;padding-bottom:28px;border-bottom:3px solid rgba(251,246,236,.18)}
.paleta{position:relative;display:flex;flex-direction:column;align-items:center;transition:transform .9s var(--suave);transition-delay:calc(var(--i) * .12s)}
html.js .paletas:not(.visto) .paleta{transform:translateY(90px)}
.paleta blockquote{margin:0;background:var(--pc);color:var(--crema);padding:26px 22px 24px;border-radius:30px 30px 18px 18px;width:100%;min-height:200px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 -10px 0 rgba(43,26,18,.18),inset 4px 0 0 rgba(255,255,255,.18);font-size:16px;line-height:1.5}
.paleta[style*="#f0a21e"] blockquote,.paleta[style*="#9fb56b"] blockquote{color:var(--cacao)}
.paleta blockquote p{margin:0}
.paleta blockquote footer{margin-top:12px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;opacity:.8}
.palo{width:22px;height:56px;background:#d9b98a;border-radius:0 0 10px 10px;box-shadow:inset -4px 0 0 rgba(43,26,18,.15)}
@media (hover:hover) and (pointer:fine){.paleta:hover{transform:translateY(-8px) rotate(-1.5deg)}}
@media (max-width:860px){.paletas{grid-template-columns:1fr 1fr;gap:14px}.paleta blockquote{min-height:0;font-size:15px;padding:20px 16px}}
@media (max-width:460px){.paletas{grid-template-columns:1fr}.paleta{flex-direction:row;align-items:stretch}.palo{width:48px;height:auto;align-self:center;height:22px;border-radius:0 10px 10px 0}}

/* ---------- SEDES ---------- */
.sedes-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);align-items:start;margin-top:12px}
.sede{background:var(--blanco);border-radius:var(--radio);padding:24px}
.sede.principal{background:var(--nata);padding:clamp(24px,3vw,40px)}
.sede h3{font-size:clamp(24px,2.4vw,34px);margin-bottom:8px}
.dir{font-weight:600;margin-bottom:6px}
.hor{font-size:15px;color:var(--cacao-2);margin:0}
.hoy{font-family:var(--mono);font-size:13px;color:var(--cacao-2);margin-bottom:14px}
.horario{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-bottom:16px}
.horario th,.horario td{text-align:left;padding:8px 10px;border-top:1px solid rgba(43,26,18,.1);font-weight:400;font-size:15px}
.horario td{text-align:right}
.horario tr.es-hoy th,.horario tr.es-hoy td{font-weight:700;background:var(--maracuya);color:var(--cacao)}
.horario tr.es-hoy th{border-radius:10px 0 0 10px}.horario tr.es-hoy td{border-radius:0 10px 10px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.chips span{font-family:var(--mono);font-size:12px;background:var(--crema);padding:6px 10px;border-radius:999px}
.otras{display:grid;gap:14px}
@media (max-width:860px){.sedes-grid{grid-template-columns:1fr}}

/* ---------- PIE Y WHATSAPP ---------- */
.pie{background:var(--cacao);color:var(--nata);padding-block:36px calc(96px + env(safe-area-inset-bottom,0px))}
.pie-grid{display:grid;grid-template-columns:1fr auto;gap:18px 40px;align-items:start}
.pie p{margin:0 0 6px;font-size:15px}
.pie-logo{font-size:24px;margin-bottom:8px}
.pie-logo .l-guion{background:var(--maracuya)}
.pie-links{display:flex;flex-wrap:wrap;gap:8px 20px;font-weight:600}
.pie-links a{text-decoration:none;color:var(--crema)}
.pie-links a:hover{color:var(--maracuya)}
.credito{grid-column:1/-1;color:rgba(243,232,211,.6);font-size:13px;margin-top:10px;padding-top:16px;border-top:1px solid rgba(251,246,236,.14)}
@media (max-width:600px){.pie-grid{grid-template-columns:1fr}}
.wa{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:8px;background:#1fa855;color:#fff;text-decoration:none;font-weight:700;border-radius:999px;padding:12px 18px 12px 14px;z-index:40;box-shadow:0 10px 24px rgba(31,168,85,.35);transition:transform .25s var(--suave)}
.wa svg{width:24px;height:24px}
.wa:hover{transform:translateY(-2px)}
@media (max-width:480px){.wa span{display:none}.wa{padding:14px}}

/* Reducir movimiento: todo quieto, todo visible */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  html.js .paletas:not(.visto) .paleta{transform:none}
  html.js .veta.dibuja path{stroke-dashoffset:0}
}