/* CAPO Health — categorías y catálogo ampliado (08-oct, pedido de Alejandro con referencia LifeMD / Cora / Rejuva).
   Lo cargan el home (bloque de categorías), las páginas de categoría y las landings de los productos nuevos.
   Va aparte de site-v7.css para no versionar la hoja grande. El nombre es la versión (el borde ignora ?v=): care-v7.css si cambia.
   v2 (09-oct, pedido del cliente): Sexual Health ("la categoría del amor") en ROJO; fuera los beneficios y los
   validadores del primer pantallazo de las landings; beneficios estilo RNK bajo el hero (bloque RESULTADOS RNK).
   v3 (13-oct, pedido del cliente): botones del hero del home a las landings de producto (HERO DEL HOME), plan de 3 meses
   "Most Popular" (PLAN MOST POPULAR) y tarjetas de ingredientes estilo immortals.com (QUÉ LLEVA).
   v4 (14-oct, videollamada con Dan): "How Does X Work?" estilo Manu (CÓMO FUNCIONA), ondansetron como añadido en la caja
   del plan (AÑADIDO) y planes de 1/3/6/12 meses de Bask (PLANES).
   v5 (16-oct, Dan por WhatsApp con capturas de RNK): beneficios de cada producto justo debajo del hero (BENEFICIOS).
   v6 (19-oct, Dan por WhatsApp): la última tarjeta de beneficios va centrada cuando el número es impar.
   Tonos de tarjeta: navy/cyan de la marca + el rojo de Sexual Health; el texto sobre ellos va siempre en blanco o #E4F3FB
   (el punto más claro del rojo, #B8304A, da 5.9:1 con blanco). */

:root{
  --t-wl:radial-gradient(120% 130% at 0% 0%,#2C8FCB 0%,#2F3E6A 52%,#141B2E 100%);
  --t-ms:radial-gradient(120% 130% at 0% 0%,#6E85C4 0%,#2F3E6A 50%,#121829 100%);
  --t-sh:radial-gradient(120% 130% at 0% 0%,#B8304A 0%,#6A1628 52%,#22080F 100%);
  --t-el:radial-gradient(120% 130% at 0% 0%,#2A9DB0 0%,#1C5470 52%,#0E2131 100%);
  --t-wl-solid:#1E2A4C; --t-ms-solid:#1A2240; --t-sh-solid:#3A0F1A; --t-el-solid:#122C3E;
  --tex-lines:repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 1px,transparent 1px 14px);
}

/* ================= CATEGORÍAS (home) ================= */
.cats{position:relative;z-index:3;isolation:isolate;padding:clamp(28px,3.4vw,52px) 0 clamp(56px,6vw,96px);background:#0F1628}
/* sin overflow en .cats: el acceso rápido sube sobre el borde del hero; las capas de fondo van con inset:0 */
.cats__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
  background:radial-gradient(900px 520px at 12% 0%,rgba(60,80,137,.42),transparent 70%),
             radial-gradient(800px 520px at 100% 100%,rgba(32,150,213,.14),transparent 70%)}
.cats__bg::after{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(189,225,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(189,225,245,.05) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent)}

/* acceso rápido que asoma bajo el hero: así las categorías se ven al entrar */
.cats__dock{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;
  width:fit-content;max-width:100%;margin:calc(-1 * clamp(56px,5.6vw,84px)) auto clamp(34px,4vw,56px);padding:.55rem;border-radius:999px;
  background:linear-gradient(180deg,rgba(36,49,98,.72),rgba(20,27,46,.72));border:1px solid rgba(189,225,245,.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);
  box-shadow:0 24px 60px rgba(3,8,22,.45),inset 0 1px 0 rgba(255,255,255,.12)}
.cats__dock-l{padding:0 .7rem 0 .9rem;font-family:var(--fh);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#BDE1F5}
.cats__dock a{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem 1rem .6rem .6rem;border-radius:999px;font-family:var(--fd);font-size:.88rem;font-weight:600;color:#fff;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:background .25s,border-color .25s,transform .25s var(--ease)}
.cats__dock a:hover{background:rgba(143,205,238,.16);border-color:rgba(143,205,238,.5);transform:translateY(-1px)}
.cats__dock i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff}
.cats__dock .d-wl i{background:var(--t-wl)} .cats__dock .d-ms i{background:var(--t-ms)}
.cats__dock .d-sh i{background:var(--t-sh)} .cats__dock .d-el i{background:var(--t-el)}

.cats__head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(22px,2.6vw,36px)}
.cats__head h2{color:#fff;max-width:18ch}
.cats__head .lede{color:#AEBBDA;max-width:46ch;margin:0}

.cats__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.cat{--tone:var(--t-wl);--solid:var(--t-wl-solid);position:relative;isolation:isolate;overflow:hidden;grid-column:span 6;
  display:flex;flex-direction:column;min-height:clamp(430px,34vw,470px);padding:clamp(22px,2.4vw,32px);border-radius:26px;color:#fff;
  background:var(--tone);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px rgba(3,8,22,.4),inset 0 1px 0 rgba(255,255,255,.12)}
.cat:nth-child(1),.cat:nth-child(4){grid-column:span 7}
.cat:nth-child(2),.cat:nth-child(3){grid-column:span 5}
.cat--wl{--tone:var(--t-wl);--solid:var(--t-wl-solid)} .cat--ms{--tone:var(--t-ms);--solid:var(--t-ms-solid)}
.cat--sh{--tone:var(--t-sh);--solid:var(--t-sh-solid)} .cat--el{--tone:var(--t-el);--solid:var(--t-el-solid)}
/* foto fundida en el lado derecho + textura de líneas finas + monograma */
.cat__ph{position:absolute;inset:0 0 0 34%;z-index:-2;margin:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 28%,#000 58%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 28%,#000 58%)}
.cat__ph img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,70% 30%);transition:transform 1.2s var(--ease)}
.cat__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,27,46,.12) 0%,rgba(20,27,46,0) 40%,rgba(10,15,30,.5) 100%);mix-blend-mode:multiply}
.cat__ph{overflow:hidden}
.cat:hover .cat__ph img{transform:scale(1.04)}
.cat::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--tex-lines),linear-gradient(180deg,transparent 40%,rgba(8,12,26,.55) 100%)}
.cat::after{content:"";position:absolute;right:-60px;top:-70px;width:300px;height:300px;z-index:-1;opacity:.07;pointer-events:none;
  background:url("isotipo-blanco.svg") center/contain no-repeat}
.cat__top{position:relative;max-width:62%}
.cat__n{font-family:var(--fh);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#E4F3FB;opacity:.85}
.cat__t{margin-top:.55rem;font-family:var(--fh);font-size:clamp(2rem,3vw,2.6rem);font-weight:700;line-height:1;letter-spacing:-.02em;color:#fff}
.cat__t a{color:inherit}
.cat__sub{margin-top:.7rem;font-size:.95rem;font-weight:500;color:#E4F3FB;max-width:26ch}
.cat__arw{position:absolute;top:clamp(22px,2.4vw,32px);right:clamp(22px,2.4vw,32px);z-index:2;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(255,255,255,.5);color:#fff;background:rgba(10,16,34,.38);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:background .3s,transform .3s var(--ease)}
.cat__arw:hover{background:rgba(255,255,255,.16);transform:rotate(-45deg)}
.cat__prods{list-style:none;margin:auto 0 0;padding:1.4rem 0 0;display:flex;flex-direction:column;gap:.45rem;max-width:300px}
.cat__prods a{display:flex;align-items:center;gap:.7rem;padding:.4rem .9rem .4rem .4rem;border-radius:14px;
  background:rgba(10,16,34,.42);border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);transition:background .25s,border-color .25s,transform .25s var(--ease)}
.cat__prods a:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);transform:translateX(3px)}
.cat__prods img{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.cat__prods b{display:block;font-size:.9rem;font-weight:600;color:#fff;line-height:1.2}
.cat__prods small{display:block;font-size:.74rem;color:#C9D7EE}
.cat__prods .rx{font-size:.6rem;color:#BDE1F5}
.cat__cta{display:flex;align-items:center;gap:.6rem 1.1rem;flex-wrap:wrap;margin-top:1.1rem}
.cat__cta .btn{--bg:#fff;--fg:#141B2E}
.cat__more{font-size:.88rem;font-weight:600;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:4px}
.cat__more:hover{text-decoration-color:#fff}

/* fila de validadores bajo las tarjetas (como la fila chica de LifeMD) */
.vals{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vals li{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:.85rem;align-items:center;padding:1rem 1.1rem;border-radius:18px;background:var(--surface);border:1px solid var(--hair-hi);box-shadow:var(--glow-in)}
.vals i{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(143,205,238,.12);border:1px solid rgba(143,205,238,.22);color:#8FCDEE}
.vals b{display:block;align-self:end;font-size:.92rem;color:#fff;line-height:1.25}
.vals small{display:block;align-self:start;margin-top:.1rem;font-size:.76rem;color:#AEBBDA}
.vals .is-ls i{background:linear-gradient(160deg,#8FCDEE,#52B2E5);color:#141B2E;border-color:transparent}
.cats__note{margin-top:1.1rem;font-size:.78rem;color:#AEBBDA;text-align:center}

@media (max-width:1080px){
  .cat__top{max-width:70%}
  .vals{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .cats__grid{grid-template-columns:1fr}
  .cat,.cat:nth-child(n){grid-column:auto;min-height:0;padding-top:200px}
  .cat__ph{inset:0 0 auto 0;height:250px;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 45%,transparent 100%)}
  .cat__top{max-width:none}
  .cat__prods{max-width:none}
  .cats__dock{border-radius:22px;margin-top:-34px;width:100%}
  .cats__dock-l{width:100%;text-align:center;padding:.3rem 0 .1rem}
  .cats__dock a{flex:1 1 calc(50% - .5rem);justify-content:flex-start;font-size:.82rem}
}
@media (max-width:560px){
  .vals{grid-template-columns:1fr}
  .cat__t{font-size:2rem}
}
@media (prefers-reduced-motion:reduce){ .cat__ph img,.cats__dock a,.cat__prods a,.cat__arw{transition:none} }

/* ================= PÁGINAS DE CATEGORÍA (/weight-loss/ …) ================= */
.cph{--tone:var(--t-wl);position:relative;isolation:isolate;overflow:hidden;padding:clamp(40px,5vw,84px) 0 clamp(48px,5.6vw,92px);background:var(--tone);color:#fff}
.cph--wl{--tone:var(--t-wl)} .cph--ms{--tone:var(--t-ms)} .cph--sh{--tone:var(--t-sh)} .cph--el{--tone:var(--t-el)}
.cph__ph{position:absolute;inset:0 0 0 42%;z-index:-2;margin:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 30%,#000 62%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 30%,#000 62%)}
.cph__ph img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,70% 30%)}
.cph::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--tex-lines),linear-gradient(180deg,transparent 55%,rgba(8,12,26,.45) 100%)}
.cph__in{max-width:640px}
.crumbs{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.8rem;color:#C9D7EE}
.crumbs a{color:#E4F3FB;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.cph .eyebrow{margin-top:1.4rem;color:#E4F3FB}
.cph h1{margin-top:.9rem;font-family:var(--fs);font-weight:400;font-size:clamp(2.5rem,5vw,4rem);line-height:1.02;letter-spacing:-.01em;color:#fff}
.cph .lede{margin-top:1rem;color:#E4F3FB;max-width:52ch}
.cph__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.cph__cta .btn:not(.ghost){--bg:#fff;--fg:#141B2E}
.cph__cta .btn.ghost{--fg:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.cph .vals{margin-top:clamp(28px,3.4vw,44px)}
.cph .vals li{background:rgba(10,16,34,.42);border-color:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.cph__note{margin-top:1.2rem;font-size:.8rem;color:#C9D7EE;max-width:62ch}
.cph__note strong{color:#fff}
.cph__phnote{position:absolute;right:16px;bottom:12px;margin:0;font-size:.68rem;font-weight:600;color:#E4F3FB;background:rgba(12,18,34,.62);padding:.25em .75em;border-radius:999px}

/* tarjetas de producto de la categoría */
.cprods{background:#111931}
.cprods__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}
.cprods__head h2{color:#fff}
.cprods__head .lede{color:#AEBBDA;max-width:46ch;margin:0}
.pcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(14px,1.8vw,22px);margin-top:clamp(26px,3vw,40px)}
.pcard{display:flex;flex-direction:column;border-radius:var(--rl);overflow:hidden;background:var(--surface);border:1px solid var(--hair-hi);
  box-shadow:var(--glow-in),0 24px 60px rgba(3,8,22,.3);transition:transform .35s var(--ease),border-color .35s}
.pcard:hover{transform:translateY(-4px);border-color:rgba(143,205,238,.4)}
.pcard__media{position:relative;aspect-ratio:5/4;background:#E9EEF7;overflow:hidden}
.pcard__media img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.pcard__chip{position:absolute;left:14px;top:14px;padding:.35em .8em;border-radius:999px;background:rgba(15,22,40,.82);color:#fff;font-size:.74rem;font-weight:600}
.pcard__body{display:flex;flex-direction:column;flex:1;padding:clamp(18px,2vw,24px)}
.pcard h3{font-size:1.25rem;color:#fff}
.pcard__form{margin-top:.25rem;font-size:.82rem;font-weight:600;color:#BDE1F5}
.pcard__desc{margin-top:.7rem;font-size:.9rem;color:#C3CDE6}
.pcard__feat{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.35rem}
.pcard__feat li{display:flex;gap:.5em;align-items:flex-start;font-size:.84rem;color:#E6ECF7}
.pcard__feat svg{flex:0 0 auto;margin-top:.2em;color:#8FCDEE}
.pcard__cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:auto;padding-top:1.2rem}
.pcard__cta .btn{flex:1 1 auto;justify-content:center}
.pcard__isi{display:block;margin-top:.9rem;font-size:.78rem;font-weight:600;color:#E4F3FB;text-decoration:underline;text-decoration-color:rgba(143,205,238,.6);text-underline-offset:3px}

/* lista de seguridad (categoría y /safety/) */
.slinks{background:#0F1628;border-top:1px solid var(--hair)}
.slinks ul{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.6rem}
.slinks a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.1rem;border-radius:14px;background:var(--surface);border:1px solid var(--hair-hi);color:#fff;font-weight:600;font-size:.92rem}
.slinks a:hover{border-color:rgba(143,205,238,.5)}
.slinks small{display:block;font-weight:500;color:#AEBBDA;font-size:.76rem}
.slinks h3{margin-top:1.8rem;color:#BDE1F5;font-size:.78rem;font-family:var(--fh);letter-spacing:.16em;text-transform:uppercase}

@media (max-width:860px){
  .cph{padding-top:250px}
  .cph__ph{inset:0 0 auto 0;height:330px;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,#000 40%,transparent 100%)}
  .cph__phnote{top:12px;bottom:auto}
}

/* ================= LANDINGS DE PRODUCTO ================= */
.pdp-plan__lead{margin-top:.35rem;font-family:var(--fh);font-size:clamp(1.25rem,1.9vw,1.55rem);font-weight:700;line-height:1.25;color:#fff;letter-spacing:-.01em}
.pdp-plan__price{margin-top:.6rem;font-size:.86rem;color:#BDE1F5;font-weight:600}
.pdp-tabs__all{font-size:.88rem;font-weight:600;color:#BDE1F5;padding:1.05rem 0 .95rem}
.pdp-tabs__all:hover{color:#fff}
.pdp-tabs__in{flex-wrap:wrap;column-gap:2rem}
/* 09-oct: la nota de la barra de pestañas se partía en 2 líneas junto a la píldora de idioma (más ancha) */
@media (max-width:1220px){ .pdp-tabs__note{display:none} }
/* sección "cómo funciona" del producto */
.pdp-about .conv__alt a{white-space:nowrap}
.sibs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.sibs a{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .35rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--hair-hi);color:#fff;font-size:.86rem;font-weight:600}
.sibs a:hover{border-color:rgba(143,205,238,.5)}
.sibs img{width:28px;height:28px;border-radius:50%;object-fit:cover}


/* ================= RESULTADOS RNK: beneficios bajo el hero de cada landing (09-oct) =================
   Formato de "The Results You'll Feel" (myrnk.com/sermorelin/injections/s/v4, pedido del cliente) con la paleta y
   los contenedores de CAPO: título centrado, bajada que cierra en ":", 4 filas con tile de ícono y el texto mitad en
   bold y mitad normal, CTA. Sin los claims de resultado de RNK: los beneficios describen el servicio o el medicamento.
   Lo generan generar-tratamientos.py y generar-productos.py (gp.render_res). */
.res{position:relative;isolation:isolate;background:radial-gradient(820px 420px at 50% 0%,rgba(60,80,137,.38),transparent 70%),#111931;border-top:1px solid var(--hair)}
.res__in{max-width:700px;margin:0 auto;text-align:center}
.res h2{color:#fff}
.res__lead{margin:1rem auto 0;max-width:48ch;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.55;color:#E4F3FB}
.res__list{list-style:none;margin:clamp(26px,3vw,40px) 0 0;padding:0;display:grid;gap:14px;text-align:left}
.res__list li{display:flex;align-items:center;gap:clamp(14px,1.6vw,20px);padding:12px clamp(16px,2vw,24px) 12px 12px;border-radius:22px;
  background:var(--surface);border:1px solid var(--hair-hi);box-shadow:var(--glow-in),0 18px 44px rgba(3,8,22,.28);
  transition:border-color .3s,transform .3s var(--ease)}
.res__list li:hover{border-color:rgba(143,205,238,.42);transform:translateY(-2px)}
.res__ic{display:grid;place-items:center;flex:0 0 auto;width:60px;height:60px;border-radius:16px;color:#fff;
  background:linear-gradient(150deg,#2096D5 0%,#3C5089 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 24px rgba(24,112,159,.35)}
.res__list p{margin:0;font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.45;color:#C9D7EE}
.res__list b{font-weight:700;color:#fff}
.res__cta{margin-top:clamp(26px,3vw,38px)}
.res__cta .btn{min-width:min(100%,340px);justify-content:center}
.res__note{margin-top:.9rem;font-size:.78rem;color:#AEBBDA}
@media (max-width:560px){
  .res__ic{width:50px;height:50px;border-radius:14px}
  .res__list li{border-radius:18px}
}
@media (prefers-reduced-motion:reduce){ .res__list li{transition:none} }


/* ================= HERO DEL HOME: botones directos a las landings de producto (13-oct, pedido del cliente) =================
   Sustituyen a "Start your visit" + "Explore treatments": dos píldoras de cristal con la miniatura del vial que llevan a
   /semaglutide/ y /tirzepatide/, y un enlace chico a las categorías. El cristal es el mismo de .cat__prods. */
.hero__cta--prods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:600px}
.hbtn{position:relative;display:flex;align-items:center;gap:.8rem;padding:.6rem .7rem .6rem .6rem;border-radius:18px;color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06));border:1px solid rgba(189,225,245,.34);
  box-shadow:0 18px 40px rgba(3,8,22,.35),inset 0 1px 0 rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);
  transition:transform .4s var(--ease),border-color .3s,background .3s}
.hbtn:hover{transform:translateY(-3px);border-color:rgba(143,205,238,.85);background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.1))}
.hbtn:focus-visible{outline:3px solid #8FCDEE;outline-offset:3px}
.hbtn img{width:52px;height:52px;border-radius:13px;object-fit:cover;flex:0 0 auto;box-shadow:0 6px 16px rgba(3,8,22,.35)}
.hbtn__t{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.hbtn__t b{font-family:var(--fh);font-size:1.02rem;font-weight:700;color:#fff;white-space:nowrap}
.hbtn__t .rx{font-size:.6rem;color:#BDE1F5}
.hbtn__t small{margin-top:.2rem;font-size:.76rem;font-weight:500;color:#C9D7EE}
.hbtn .arw{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex:0 0 auto;
  background:#fff;color:#141B2E;font-weight:700;transition:transform .4s var(--ease)}
.hbtn:hover .arw{transform:translateX(3px)}
.hero__more{margin-top:1rem;font-size:.9rem;font-weight:600}
.hero__more a{color:#E4F3FB;text-decoration:underline;text-decoration-color:rgba(143,205,238,.6);text-underline-offset:4px}
.hero__more a:hover{color:#fff;text-decoration-color:#fff}
@media (max-width:900px){
  .hero__cta--prods{grid-template-columns:1fr;max-width:none}
  /* sin blur en móvil (regla de ≤3 elementos con blur por pantalla): fondo casi opaco */
  .hbtn{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(17,25,49,.92)}
}
@media (prefers-reduced-motion:reduce){ .hbtn,.hbtn .arw{transition:none} }


/* ================= PLAN "MOST POPULAR" (13-oct, pedido del cliente) =================
   El plan de 3 meses (el primero, elegido por defecto) tiene que destacar sobre el mensual: borde degradado cyan,
   halo, etiqueta "Most Popular" con estrella, línea de ahorro y un anillo que pulsa 3 veces al cargar. El mensual
   queda en segundo plano hasta que se elige. Lo arma render_plans() de generar-productos.py. */
.plan--pop{border-color:transparent;background:linear-gradient(160deg,rgba(143,205,238,.2),rgba(60,80,137,.16))}
.plan--pop::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:linear-gradient(135deg,#8FCDEE 0%,#2096D5 45%,#637ABB 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
.plan--pop.is-on{border-color:transparent;box-shadow:0 0 0 3px rgba(143,205,238,.2),0 0 36px rgba(32,150,213,.38),0 18px 40px rgba(3,8,22,.4)}
.plan--pop:not(.is-on){box-shadow:0 0 24px rgba(32,150,213,.22)}
.plan__badge--pop,.plan.is-on .plan__badge--pop{display:inline-flex;align-items:center;gap:.3em;padding:.28em .7em;
  background:linear-gradient(135deg,#8FCDEE,#52B2E5);color:#141B2E;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  box-shadow:0 6px 16px rgba(32,150,213,.35)}
.plan__badge--pop svg{flex:0 0 auto}
.plan__save{display:block;margin-top:.45rem;font-size:.76rem;font-weight:700;color:#8FCDEE}
.plan:not(.plan--pop):not(.is-on){opacity:.78}
.plan:not(.plan--pop):hover{opacity:1}
@keyframes popRing{0%{box-shadow:0 0 0 0 rgba(143,205,238,.6)}100%{box-shadow:0 0 0 16px rgba(143,205,238,0)}}
.plan--pop::after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;animation:popRing 1.5s ease-out 3;animation-delay:.9s}
@media (prefers-reduced-motion:reduce){ .plan--pop::after{animation:none} }


/* ================= QUÉ LLEVA: tarjetas de ingredientes (13-oct, formato immortals.com) =================
   Una tarjeta por ingrediente, con textura propia por tono (burbujas, cristal, grano, puntos) hecha en CSS, el nombre
   grande y una línea de qué es. Va después de los beneficios en las 11 landings (gp.render_inside). Tonos: la paleta
   de la marca; el rojo profundo es el de la B12 (la cianocobalamina es roja). Texto siempre blanco / #E4F3FB. */
.inside{position:relative;isolation:isolate;background:radial-gradient(900px 480px at 100% 0%,rgba(32,150,213,.14),transparent 65%),#0F1628;border-top:1px solid var(--hair)}
.inside__head{max-width:640px}
.inside h2{color:#fff}
.inside .lede{margin-top:1rem;color:#C9D7EE}
.inside__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,18px);margin-top:clamp(26px,3vw,40px)}
.inside__grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.inside__grid[data-n="2"],.inside__grid[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.ing{--ing:linear-gradient(160deg,#2096D5,#141B2E);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:clamp(200px,22vw,250px);padding:clamp(18px,2.2vw,26px);border-radius:24px;color:#fff;background:var(--ing);
  border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(3,8,22,.4),inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .4s var(--ease),border-color .3s}
.ing:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.32)}
.inside__grid[data-n="1"] .ing{min-height:180px;max-width:none}
.ing__art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ing__art::before,.ing__art::after{content:"";position:absolute;inset:0}
.ing h3{font-family:var(--fh);font-size:clamp(1.3rem,1.8vw,1.6rem);font-weight:700;letter-spacing:-.01em;line-height:1.1;color:#fff;text-shadow:0 2px 20px rgba(3,8,22,.4)}
.ing p{margin-top:.5rem;font-size:.92rem;line-height:1.45;color:#E4F3FB;max-width:36ch;text-shadow:0 1px 12px rgba(3,8,22,.45)}
/* tono cyan "líquido": burbujas difuminadas */
.ing--glp{--ing:radial-gradient(120% 120% at 100% 0%,#2C8FCB 0%,#1E3F74 55%,#121A30 100%)}
.ing--glp .ing__art::before{opacity:.6;filter:blur(6px);background:
  radial-gradient(circle at 18% 28%,rgba(255,255,255,.6) 0 14px,transparent 15px),
  radial-gradient(circle at 70% 18%,rgba(255,255,255,.42) 0 26px,transparent 27px),
  radial-gradient(circle at 84% 62%,rgba(255,255,255,.38) 0 10px,transparent 11px),
  radial-gradient(circle at 40% 72%,rgba(255,255,255,.3) 0 40px,transparent 41px),
  radial-gradient(circle at 58% 44%,rgba(255,255,255,.5) 0 7px,transparent 8px),
  radial-gradient(circle at 10% 80%,rgba(255,255,255,.35) 0 18px,transparent 19px)}
.ing--glp .ing__art::after{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 45%)}
/* tono periwinkle "cristal": facetas y líneas finas */
.ing--crys{--ing:radial-gradient(120% 130% at 0% 0%,#8FA3D9 0%,#3C5089 50%,#161D36 100%)}
.ing--crys .ing__art::before{opacity:.9;background:
  linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.2) 38% 40%,transparent 40% 100%),
  linear-gradient(65deg,transparent 0 55%,rgba(255,255,255,.14) 55% 57%,transparent 57% 100%),
  linear-gradient(140deg,transparent 0 68%,rgba(255,255,255,.12) 68% 71%,transparent 71% 100%),
  conic-gradient(from 210deg at 72% 30%,rgba(255,255,255,.22),transparent 25%),
  conic-gradient(from 30deg at 28% 62%,rgba(255,255,255,.16),transparent 22%)}
.ing--crys .ing__art::after{background:var(--tex-lines);opacity:.7}
/* tono rojo profundo (B12 / PT-141): grano fino */
.ing--warm{--ing:radial-gradient(120% 130% at 100% 100%,#B8304A 0%,#6A1628 50%,#22080F 100%)}
.ing--warm .ing__art::before{opacity:.55;background-image:radial-gradient(circle,rgba(255,255,255,.35) .9px,transparent 1.5px),radial-gradient(circle,rgba(255,180,190,.5) 1px,transparent 1.8px);
  background-size:9px 9px,17px 17px;background-position:0 0,4px 6px;
  -webkit-mask-image:radial-gradient(80% 80% at 70% 70%,#000 30%,transparent 100%);mask-image:radial-gradient(80% 80% at 70% 70%,#000 30%,transparent 100%)}
.ing--warm .ing__art::after{background:radial-gradient(circle at 75% 75%,rgba(255,120,140,.35),transparent 50%);filter:blur(10px)}
/* tono teal (NAD+, glutatión, vitamina D, colina): puntos y luz */
.ing--teal{--ing:radial-gradient(120% 130% at 0% 100%,#2A9DB0 0%,#1C5470 50%,#0E2131 100%)}
.ing--teal .ing__art::before{opacity:.35;background-image:radial-gradient(circle,rgba(255,255,255,.45) 1.2px,transparent 2px);background-size:14px 14px;
  -webkit-mask-image:radial-gradient(70% 70% at 30% 30%,#000 20%,transparent 100%);mask-image:radial-gradient(70% 70% at 30% 30%,#000 20%,transparent 100%)}
.ing--teal .ing__art::after{opacity:.7;filter:blur(14px);background:radial-gradient(circle at 25% 25%,rgba(143,205,238,.45) 0 16px,transparent 17px),radial-gradient(circle at 65% 60%,rgba(143,205,238,.35) 0 30px,transparent 31px)}
/* tono navy (inositol, B-complex, ondansetron): nubes de luz y líneas */
.ing--navy{--ing:radial-gradient(120% 130% at 50% 0%,#3C5089 0%,#212B4A 55%,#0F1628 100%)}
.ing--navy .ing__art::before{filter:blur(18px);background:radial-gradient(circle at 80% 20%,rgba(99,122,187,.6),transparent 40%),radial-gradient(circle at 20% 80%,rgba(32,150,213,.35),transparent 45%)}
.ing--navy .ing__art::after{background:var(--tex-lines);opacity:.5}
.inside__note{margin-top:1.1rem;font-size:.8rem;color:#AEBBDA;max-width:70ch}
@media (max-width:860px){
  .inside__grid,.inside__grid[data-n="2"],.inside__grid[data-n="4"]{grid-template-columns:1fr}
  .ing{min-height:170px}
  .ing__art::before,.ing__art::after{filter:none}   /* sin desenfoques en móvil */
}
@media (prefers-reduced-motion:reduce){ .ing{transition:none} }


/* ================= CÓMO FUNCIONA: "How Does Compounded X Work?" (14-oct, pedido de Dan) =================
   Formato de manutelehealth.com/en/weight-loss/tirzepatide: fondo oscuro, píldora con borde "What does it do", título
   centrado y lista con checks. Va justo debajo del hero de las 16 landings (gp.render_works, datos catalogo.WORKS) y
   reemplaza a "What You Can Count On" (.res, que queda en la hoja por si se retoma). */
.works{position:relative;isolation:isolate;background:radial-gradient(820px 420px at 50% 0%,rgba(60,80,137,.4),transparent 70%),#0B1120;border-top:1px solid var(--hair)}
.works__in{max-width:820px;margin:0 auto;text-align:center}
.works__pill{display:inline-block;padding:.5em 1.35em;border-radius:999px;border:1.5px solid #2096D5;color:#E4F3FB;
  font-family:var(--fh);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 22px rgba(32,150,213,.22)}
.works h2{margin-top:1.1rem;color:#fff}
.works__list{list-style:none;margin:clamp(24px,3vw,40px) auto 0;padding:0;max-width:720px;text-align:left}
.works__list li{display:flex;align-items:flex-start;gap:.95rem;padding:1rem 0;border-bottom:1px solid var(--hair);
  font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.5;color:#E6ECF7}
.works__list li:last-child{border-bottom:0}
.works__list i{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;margin-top:-.05rem;border-radius:50%;
  background:rgba(143,205,238,.14);border:1px solid rgba(143,205,238,.38);color:#8FCDEE}
.works__cta{margin-top:clamp(24px,3vw,36px)}
.works__cta .btn{min-width:min(100%,340px);justify-content:center}
.works__note{margin-top:.9rem;font-size:.78rem;color:#AEBBDA}


/* ================= AÑADIDO: ondansetron dentro de la caja del plan (14-oct) =================
   Dan: ondansetron no es un tratamiento de Weight Loss sino una opción de compra contra las náuseas en las páginas de
   semaglutide y tirzepatide (gp.render_addon). Borde punteado: se lee como opcional, no compite con el plan. */
.addon{display:flex;align-items:center;gap:.8rem;margin-top:.8rem;padding:.55rem .85rem .55rem .55rem;border-radius:14px;color:#fff;
  border:1px dashed rgba(143,205,238,.5);background:rgba(143,205,238,.06);transition:border-color .25s,background .25s}
.addon:hover{border-style:solid;border-color:#8FCDEE;background:rgba(143,205,238,.12)}
.addon:focus-visible{outline:3px solid #BDE1F5;outline-offset:2px}
.addon img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.addon__t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.addon__t small{font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8FCDEE}
.addon__t b{margin-top:.1rem;font-size:.95rem;font-weight:700;color:#fff}
.addon__t .rx{font-size:.58rem;color:#BDE1F5}
.addon__t em{font-style:normal;font-size:.78rem;color:#AEBBDA}
.addon__arw{margin-left:auto;color:#BDE1F5;font-weight:700}
.pcard__chip--addon{background:linear-gradient(135deg,#8FCDEE,#52B2E5);color:#141B2E;font-weight:700}


/* ================= PLANES 1 / 3 / 6 / 12 MESES (14-oct, precios de Bask) =================
   4 planes en 2×2 (mensual · 3★ / 6 · 12) o 3 (mensual · 3★ / 6 a lo ancho). El ahorro va en todos los multimes. */
.plans[data-n="3"] .plan:nth-child(3){grid-column:1/-1}   /* 26-oct: ya no es el último (va la compra única) */
.plan:not(.plan--pop) .plan__save{color:#BDE1F5;font-weight:600}

/* ================= BENEFICIOS: "The Benefits of X" (16-oct, Dan por WhatsApp con capturas de RNK) =================
   Justo debajo del hero de las 16 landings, antes de "How Does X Work?". Formato RNK ("The Results You'll Feel":
   tile con ícono + rótulo en bold + una línea) con más presencia: rejilla de 2 columnas, rótulo grande en Inter 800,
   borde degradado y halo. Copy en catalogo.BENEFITS: lo que el medicamento PUEDE apoyar ("may", "can help"), nunca un
   resultado prometido ni cifras. Render gp.render_benefits(). Sin CTA: el de "How Does X Work?" va justo después. */
.bnf{position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(900px 460px at 50% -6%,rgba(32,150,213,.22),transparent 68%),
             radial-gradient(700px 420px at 100% 100%,rgba(60,80,137,.35),transparent 70%),#0E152A;
  border-top:1px solid var(--hair)}
.bnf::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(189,225,245,.10) 1px,transparent 1.2px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000,transparent 75%)}
.bnf__head{max-width:760px;margin:0 auto;text-align:center}
.bnf__head .eyebrow{margin-inline:auto}
.bnf h2,.pdp .bnf h2{font-family:var(--fh);margin-top:.9rem;color:#fff;font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800;letter-spacing:-.03em}
.bnf__lead{margin:1.1rem auto 0;max-width:56ch;font-size:clamp(1.05rem,1.4vw,1.18rem);line-height:1.55;color:#E4F3FB}
.bnf__lead b{color:#fff}
.bnf__grid{list-style:none;margin:clamp(30px,4vw,52px) auto 0;padding:0;max-width:1040px;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.bnf__card{position:relative;display:flex;align-items:flex-start;gap:clamp(14px,1.6vw,20px);
  padding:clamp(18px,2vw,26px);border-radius:24px;
  background:linear-gradient(160deg,rgba(99,122,187,.20) 0%,rgba(24,34,68,.55) 55%,rgba(14,21,42,.7) 100%);
  box-shadow:0 22px 50px rgba(3,8,22,.35),inset 0 1px 0 rgba(255,255,255,.06);
  transition:opacity .9s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease)}
.bnf__card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(140deg,rgba(143,205,238,.55),rgba(143,205,238,.08) 45%,rgba(99,122,187,.25) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.bnf__card:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(3,8,22,.5),0 0 0 1px rgba(143,205,238,.25),inset 0 1px 0 rgba(255,255,255,.08)}
.bnf__ic{flex:0 0 auto;display:grid;place-items:center;width:62px;height:62px;border-radius:18px;color:#fff;
  background:linear-gradient(150deg,#52B2E5 0%,#2096D5 38%,#3C5089 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 28px rgba(32,150,213,.35);
  transition:transform .45s var(--ease)}
.bnf__card:hover .bnf__ic{transform:rotate(-6deg) scale(1.05)}
.bnf__card h3{margin:.15rem 0 0;color:#fff;font-family:var(--fh);font-weight:800;letter-spacing:-.015em;
  font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.2}
.bnf__card p{margin:.4rem 0 0;font-size:clamp(.97rem,1.15vw,1.05rem);line-height:1.5;color:#C9D7EE}
/* 19-oct: con un número impar de tarjetas (3 en Scream Cream y PT-141, 5 en glutatión) la última va centrada */
.bnf__card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - clamp(6px,.8vw,10px))}
.bnf__note{margin:clamp(22px,3vw,32px) auto 0;max-width:70ch;text-align:center;font-size:.78rem;line-height:1.55;color:#AEBBDA}
@media (max-width:760px){
  .bnf__grid{grid-template-columns:1fr}
  .bnf__card:last-child:nth-child(odd){width:auto;justify-self:stretch}
  .bnf__ic{width:54px;height:54px;border-radius:16px}
}
@media (prefers-reduced-motion:reduce){
  .bnf__card,.bnf__ic{transition:none}
  .bnf__card:hover,.bnf__card:hover .bnf__ic{transform:none}
}

/* ================= POR QUÉ IMPORTA: "Why X Matters" (16-oct, Dan con capturas de RNK) =================
   El argumento de validez después de los beneficios: "Why Your Body Needs NAD+" / "Left untreated, low B12 can lead to"
   de RNK. Grupo 'down' = señales o consecuencias (ícono + doble flecha coral, como RNK); grupo 'risk' = quién tiene más
   riesgo (tarjeta navy, como la caja morada de RNK). Hechos generales de salud con fuente pública; render gp.render_why(),
   datos catalogo.WHY. */
.why3{position:relative;isolation:isolate;background:linear-gradient(180deg,#111931 0%,#0E152A 100%);border-top:1px solid var(--hair)}
.why3__head{max-width:760px;margin:0 auto;text-align:center}
.why3__head .eyebrow{margin-inline:auto}
.why3 h2,.pdp .why3 h2{font-family:var(--fh);margin-top:.9rem;color:#fff;font-size:clamp(2rem,4.2vw,3.1rem);font-weight:800;letter-spacing:-.03em}
.why3__lead{margin:1.1rem auto 0;max-width:58ch;font-size:clamp(1.03rem,1.35vw,1.15rem);line-height:1.6;color:#E4F3FB}
.why3__groups{margin:clamp(28px,4vw,48px) auto 0;max-width:1040px;display:grid;gap:clamp(14px,1.8vw,22px)}
.why3__groups--1{max-width:680px}
.why3__groups--2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.why3__g{border-radius:24px;padding:clamp(20px,2.4vw,30px)}
.why3__g h3{margin:0 0 1rem;color:#fff;font-family:var(--fh);font-weight:800;font-size:clamp(1.12rem,1.5vw,1.3rem);letter-spacing:-.015em}
.why3__g ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.why3__g li{display:flex;align-items:center;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--hair)}
.why3__g li:last-child{border-bottom:0}
.why3__g b{font-weight:700;color:#fff;font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.4}
.why3__ic{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#E4F3FB;
  background:rgba(143,205,238,.10);border:1px solid rgba(143,205,238,.22)}
.why3__dn{flex:0 0 auto;display:grid;place-items:center;color:#F08A9B}
.why3__g--down{background:linear-gradient(160deg,rgba(29,40,80,.65),rgba(17,25,49,.85));border:1px solid var(--hair-hi);
  box-shadow:0 22px 50px rgba(3,8,22,.35)}
.why3__g--risk{background:linear-gradient(150deg,#3C5089 0%,#2F3E6A 55%,#243162 100%);border:1px solid rgba(189,225,245,.22);
  box-shadow:0 22px 50px rgba(3,8,22,.4),inset 0 1px 0 rgba(255,255,255,.08)}
.why3__g--risk .why3__ic{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.why3__g--risk li{border-color:rgba(189,225,245,.16)}
.why3__close{margin:clamp(22px,3vw,32px) auto 0;max-width:62ch;text-align:center;font-size:.98rem;line-height:1.55;color:#C9D7EE}
@media (max-width:820px){ .why3__groups--2{grid-template-columns:1fr} }
.bnf h2,.why3 h2,.bnf__card h3,.why3__g h3{text-wrap:balance}


/* ================= COMING SOON + TELÉFONO EN LA BANDA (20-oct, Dan por WhatsApp) =================
   Scream Cream (catalogo 'coming_soon'): chip claro en la tarjeta, botón sin enlace, píldora en la caja del plan.
   .band__tel: "Questions? Call us at …" bajo los botones de la banda final (home y landings). v7 = el nombre es la versión. */
.pcard__chip--soon{background:#E4F3FB;color:#18709F;font-weight:700}
.btn.is-soon{--bg:rgba(255,255,255,.1);--fg:#C3CDE6;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.2);cursor:default;pointer-events:none}
.pdp-plan__soon{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .7rem;padding:.38em .9em;border-radius:999px;
  background:#E4F3FB;color:#18709F;font-family:var(--fd);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.band__tel{margin-top:1.1rem;font-size:.92rem;color:rgba(255,255,255,.82)}
.band__tel a{color:#fff;font-weight:700;border-bottom:1.5px solid rgba(255,255,255,.45);transition:border-color .2s}
.band__tel a:hover{border-color:#fff}


/* ================= PRECIO ÚNICO VISIBLE (20-oct, Dan: "no veo el precio") =================
   Los productos sin selector de planes muestran el precio con el mismo tamaño que semaglutide (.pdp-plan__big);
   .pdp-plan__opts es la presentación del PDF o la lista de presentaciones, justo debajo. */
.pdp-plan__opts{margin-top:.45rem;font-size:.84rem;font-weight:600;color:#BDE1F5}
.pdp-plan__opts + .pdp-plan__price{margin-top:.55rem;font-weight:500;color:#AEBBDA}


/* ================= PT-141 UNISEX: DOS BOTONES (21-oct) =================
   Con cuestionario de hombres activo, la caja del plan muestra "Women" y "Men" lado a lado (apilados en móvil). */
.pdp-plan__duo{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}
.pdp-plan__duo .pdp-plan__cta{margin-top:0;justify-content:center}
@media(max-width:520px){.pdp-plan__duo{grid-template-columns:1fr}}


/* ================= COMPRA ÚNICA (26-oct, Dan por WhatsApp con mockup) =================
   "One-time purchase" = última tarjeta del selector, a todo el ancho y con la explicación debajo del precio
   (catalogo.ONE_TIME, gp.render_plans). Los productos de un solo plan muestran Monthly + One-time, los dos a lo ancho.
   v10 = el nombre es la versión. */
.plan--once{grid-column:1/-1}
.plans[data-n="1"] .plan{grid-column:1/-1}
.plan--once .plan__bill{margin-top:.4rem;max-width:60ch;line-height:1.5}


/* ================= BUY NOW, PAY LATER (26-oct, Dan por WhatsApp con referencia) =================
   Fila "Buy now, pay later" + logos de Affirm, Klarna y Afterpay en el hero del home y en la caja del plan de las landings
   con planes multimes (gp.render_bnpl). Vueltas de Alejandro: 26-oct sin píldoras ni fondos y con el mismo peso visual;
   27-oct "con sus colorsitos, que se les sienta vida" → cada logo en su color de marca (*-c.svg de scripts/logos-pago.py:
   Affirm blanco con su arco azul, Klarna rosa, Afterpay menta), con halo suave de su color, entrada escalonada cuando la
   fila aparece, un "respiro" lento del halo en ola (uno tras otro) y un pequeño salto al pasar el mouse.
   Alturas medidas para igualar las minúsculas: Affirm 25 · Klarna 15 · Afterpay 20, alineados a la línea base (flex-end);
   Afterpay baja un 24 % con `translate` (no `transform`, para no chocar con las animaciones) por el descendente de "p" y "y".
   Con prefers-reduced-motion: colores y halo fijos, sin movimiento.
   En Bask el BNPL sólo aplica a 3, 6 y 12 meses: la nota lo dice. v13 = el nombre es la versión. */
.bnpl{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.55rem 1.2rem;margin-top:1.15rem}
.bnpl__t{font-family:var(--fd);font-size:.92rem;font-weight:700;letter-spacing:.01em;line-height:1.1}
.bnpl__logos{display:inline-flex;align-items:flex-end;gap:1.2rem}
.bnpl__l{--g:15,160,234;display:block;width:auto;height:25px;filter:drop-shadow(0 0 5px rgba(var(--g),.32));
  transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.bnpl__l--k{--g:255,168,205;height:15px}
.bnpl__l--ap{--g:178,252,228;height:20px;translate:0 24%}
.bnpl__l:hover{transform:translateY(-3px) scale(1.06)}
.bnpl__n{flex-basis:100%;margin-top:.2rem;font-size:.76rem;line-height:1.4;opacity:.82}
.hero--photo .bnpl{max-width:46ch}
.bnpl--plan{margin:1.1rem 0 .1rem}
.bnpl--plan .bnpl__t{color:#fff}
.bnpl--plan .bnpl__n{color:#C9D7EE;opacity:1}
@keyframes bnplIn{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}
@keyframes bnplGlow{0%,100%{filter:drop-shadow(0 0 5px rgba(var(--g),.32))}50%{filter:drop-shadow(0 0 11px rgba(var(--g),.7))}}
@media (prefers-reduced-motion:no-preference){
  .rv.in .bnpl__l{animation:bnplIn .7s cubic-bezier(.2,.8,.2,1) .35s backwards,bnplGlow 6s ease-in-out 1.4s infinite}
  .rv.in .bnpl__l--k{animation-delay:.5s,3.4s}
  .rv.in .bnpl__l--ap{animation-delay:.65s,5.4s}
}