/* 21 Días de Oración por mis Hijos (es-CO) · Clara Bittencourt · identidad «Primera luz».
   Tokens de entregables/identidad/tokens.css. Primero el celular. Fuentes locales (SIL OFL). */
@font-face{font-family:'Fraunces';src:url('fonts/fraunces.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url('fonts/fraunces-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:'Literata';src:url('fonts/literata.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Literata';src:url('fonts/literata-italic.woff2') format('woff2');font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:'Jost';src:url('fonts/jost.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --cal:#FBFAF6;--papel:#F3EFE6;--piedra:#E9E3D6;--linea:#E2DCCF;--card:#FFFEFB;
  --anil:#2B5F86;--anil-d:#1D4466;--anil-l:#E4EDF4;
  --alba:#C99A3B;--alba-d:#7A5814;--alba-l:#F6EEDC;
  --tinta:#1E2730;--suave:#56616C;--tenue:#6B747C;
  --noche:#1C3A57;--luz:#E2B85A;
  --f-titulo:'Fraunces',Georgia,serif;--f-texto:'Literata',Georgia,serif;--f-rotulo:'Jost',system-ui,sans-serif;
  --lado:clamp(20px,6vw,40px);--ancho:600px;
  --sombra:0 1px 0 rgba(30,39,48,.04),0 18px 40px -26px rgba(29,68,102,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--cal)}
body{margin:0;color:var(--tinta);font:17.5px/1.68 var(--f-texto);overflow-x:hidden;overflow-wrap:break-word;
  background:var(--cal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
img{display:block;max-width:100%;height:auto}
a{color:var(--anil-d);text-decoration-thickness:1px;text-underline-offset:3px}
p{margin:0}
.miolo{max-width:var(--ancho);margin:0 auto;padding:0 var(--lado)}
.rotulo{font:500 11.5px/1.4 var(--f-rotulo);letter-spacing:.24em;text-transform:uppercase;color:var(--anil)}
.rotulo.oro{color:var(--alba-d)}
h1,h2,h3{font-family:var(--f-titulo);font-weight:340;font-variation-settings:'SOFT' 100,'opsz' 72;color:var(--tinta);margin:0;letter-spacing:-.012em;text-wrap:balance}
h1 em,h2 em,h3 em{font-style:italic;color:var(--anil);font-weight:320}
h2{font-size:clamp(31px,8.4vw,44px);line-height:1.1;margin-top:12px}
h3{font-size:22px;line-height:1.22}
.centro{text-align:center}
.borrador{position:relative;z-index:30;background:#7d1d1d;color:#fff;font:500 13px/1.45 var(--f-rotulo);padding:9px var(--lado);text-align:center;letter-spacing:.02em}

/* ornamentos */
.rama{display:block;width:150px;height:auto;margin:0 auto;opacity:.9}
.divisor{padding:34px 0 0}
.cruz{display:block;width:26px;height:26px;margin:0 auto}
.punto{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--alba);box-shadow:0 0 0 5px rgba(201,154,59,.14),0 0 18px 4px rgba(226,184,90,.45);vertical-align:middle}

/* aparición */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.on{opacity:1;transform:none}
.rv[data-d="1"]{transition-delay:.1s}.rv[data-d="2"]{transition-delay:.2s}.rv[data-d="3"]{transition-delay:.3s}
.entra{opacity:0;transform:translateY(14px);animation:entra 1.1s cubic-bezier(.2,.7,.2,1) forwards}
.e1{animation-delay:.1s}.e2{animation-delay:.28s}.e3{animation-delay:.46s}.e4{animation-delay:.64s}.e5{animation-delay:.82s}
@keyframes entra{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.js .rv,.entra{opacity:1!important;transform:none!important;transition:none;animation:none}.alba-brillo{animation:none!important}}

/* 1 · portada */
.portada{position:relative;padding:calc(18px + env(safe-area-inset-top)) 0 10px;overflow:hidden;text-align:center}
.alba-brillo{position:absolute;left:50%;top:40px;width:560px;height:560px;margin-left:-280px;border-radius:50%;
  background:radial-gradient(circle at 50% 46%,rgba(242,221,166,.55),rgba(246,238,220,.25) 38%,rgba(251,250,246,0) 66%);animation:amanece 10s ease-in-out infinite alternate;pointer-events:none}
@keyframes amanece{from{transform:scale(.92);opacity:.7}to{transform:scale(1.06);opacity:1}}
.marca{position:relative;font:500 11px var(--f-rotulo);letter-spacing:.32em;text-transform:uppercase;color:var(--suave)}
.arco{position:relative;width:min(232px,62vw);aspect-ratio:3/3.55;margin:22px auto 0;border:1px solid rgba(43,95,134,.32);border-bottom:0;border-radius:999px 999px 0 0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.arco::before{content:"";position:absolute;inset:7px 7px 0;border:1px solid rgba(43,95,134,.14);border-bottom:0;border-radius:999px 999px 0 0}
.arco img{width:86%;margin-bottom:-6%}
.umbral{width:min(272px,72vw);height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(43,95,134,.45) 18%,rgba(43,95,134,.45) 82%,transparent)}
.portada .rotulo{margin-top:26px}
.portada h1{margin-top:12px;font-size:clamp(40px,11.6vw,62px);line-height:1.02;font-weight:310}
.portada h1 em{display:block}
.sub{margin:16px auto 0;max-width:30ch;font:italic 400 19.5px/1.5 var(--f-texto);color:var(--suave)}
.lead{margin:18px auto 0;max-width:36ch;color:var(--tinta)}
.sellos{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font:500 12px var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--anil-d)}
.sellos li{display:flex;align-items:center;gap:8px}
.sellos li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--alba)}
.bajar{display:inline-flex;flex-direction:column;align-items:center;gap:10px;margin:28px auto 0;min-height:44px;font:500 13px var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--anil-d);text-decoration:none}
.bajar span{width:1px;height:34px;background:linear-gradient(var(--anil),transparent)}

/* 2 · demostración */
.prueba-sec{padding:44px 0 58px}
.prueba-sec .intro{margin:12px auto 0;max-width:34ch;color:var(--suave)}
.campo{margin:26px auto 0;max-width:460px;text-align:left}
.campo label{display:block;font:500 11.5px/1.4 var(--f-rotulo);letter-spacing:.2em;text-transform:uppercase;color:var(--anil)}
.campo input{display:block;width:100%;margin-top:4px;padding:8px 2px 10px;min-height:52px;border:0;border-bottom:1.5px solid var(--anil);border-radius:0;background:transparent;
  font:italic 400 24px var(--f-titulo);font-variation-settings:'SOFT' 100;color:var(--anil-d);outline:none}
.campo input::placeholder{color:#8d949b}
.campo input:focus{border-bottom-color:var(--anil-d);box-shadow:0 10px 18px -16px rgba(43,95,134,.9)}
.campo small{display:block;margin-top:9px;font:400 14px/1.5 var(--f-rotulo);color:var(--suave)}
.caja{position:relative;margin:30px auto 0;max-width:460px;background:var(--papel);border-radius:18px;padding:34px 22px 22px;text-align:left;box-shadow:var(--sombra)}
.caja .cruz{position:absolute;top:-13px;left:50%;margin-left:-13px;background:var(--cal);border-radius:50%;padding:3px}
.caja .rotulo{text-align:center}
.caja h3{text-align:center;margin-top:6px;font-size:24px}
.caja p{margin-top:13px;font-size:17px;line-height:1.68}
.nombres{font:italic 500 19px var(--f-titulo);font-variation-settings:'SOFT' 100;color:var(--anil-d);background:linear-gradient(transparent 62%,rgba(226,184,90,.32) 62%);padding:0 2px;transition:color .3s}
.nombres.ejemplo{color:var(--suave);background:linear-gradient(transparent 62%,rgba(226,184,90,.16) 62%)}
.caja .pie-caja{margin-top:18px;padding-top:12px;border-top:1px solid var(--linea);font:400 13px/1.5 var(--f-rotulo);color:var(--suave);text-align:center}

/* 3 · lo que llevas */
.llevas{background:var(--papel);padding:64px 0 66px;position:relative}
.llevas::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--linea)}
.llevas .intro{margin-top:14px;color:var(--suave)}
.intenciones{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}
.intencion{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:start;background:var(--card);border:1px solid var(--linea);border-radius:16px;padding:18px 16px 16px}
.intencion .ico{width:62px;height:72px;border:1px solid rgba(43,95,134,.25);border-bottom:0;border-radius:999px 999px 0 0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:linear-gradient(var(--cal),var(--card))}
.intencion .ico img{width:58px;height:58px;margin-bottom:-3px}
.intencion blockquote{margin:0;font:italic 400 20px/1.32 var(--f-titulo);font-variation-settings:'SOFT' 100;color:var(--anil-d)}
.intencion .dia{margin-top:10px;font:500 11px/1.45 var(--f-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--alba-d)}
.intencion .linea-ora{margin-top:5px;font-size:15.5px;line-height:1.55;color:var(--suave)}
.aclara{margin-top:16px;font:400 13px/1.5 var(--f-rotulo);color:var(--suave);text-align:center}
.sin-promesa{margin:28px auto 0;max-width:34ch;text-align:center;font:italic 400 18px/1.6 var(--f-texto);color:var(--tinta)}

/* 4 · repetir */
.repetir{padding:70px 0 64px;text-align:center}
.repetir blockquote{margin:22px 0 0;font:italic 300 clamp(30px,8.4vw,42px)/1.14 var(--f-titulo);font-variation-settings:'SOFT' 100;color:var(--anil-d)}
.repetir p{margin:20px auto 0;max-width:36ch;color:var(--suave)}
.repetir .firma{margin-top:26px;font:500 12px var(--f-rotulo);letter-spacing:.2em;text-transform:uppercase;color:var(--alba-d)}

/* secciones */
.secao{padding:62px 0}
.secao.piedra{background:var(--papel)}
.pasos{list-style:none;margin:30px 0 0;padding:0;position:relative}
.pasos::before{content:"";position:absolute;left:21px;top:10px;bottom:30px;width:1px;background:linear-gradient(var(--linea),var(--anil-l))}
.pasos li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:16px;padding-bottom:24px}
.pasos b{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cal);border:1px solid rgba(43,95,134,.4);font:340 21px var(--f-titulo);color:var(--anil)}
.pasos h3{font-size:21px;padding-top:7px}
.pasos p{margin-top:5px;font-size:16.5px;color:var(--suave)}
.telefonos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;align-items:start}
.telefonos figure:nth-child(2){margin-top:34px}
.tel{margin:0}
.tel img{width:100%;border-radius:26px;border:6px solid #fff;outline:1px solid var(--linea);box-shadow:0 26px 46px -30px rgba(29,68,102,.6);background:#fff}
.tel figcaption{margin-top:12px;font:400 13px/1.45 var(--f-rotulo);color:var(--suave);text-align:center}
.leyenda{margin-top:16px;font:400 12.5px/1.5 var(--f-rotulo);color:var(--suave);text-align:center}
.semanas{display:grid;gap:14px;margin-top:28px}
.semana{background:var(--card);border:1px solid var(--linea);border-radius:16px;padding:20px 18px 12px}
.semana .rotulo{color:var(--alba-d)}
.semana h3{margin-top:4px}
.semana>p:not(.rotulo){margin:6px 0 8px;font-size:15.5px;line-height:1.55;color:var(--suave);font-style:italic}
.semana ol{margin:0;padding:0;list-style:none;counter-reset:d var(--ini)}
.semana li{counter-increment:d;display:grid;grid-template-columns:30px 1fr;padding:8px 0;border-top:1px solid var(--linea);font-size:16px;line-height:1.45}
.semana li::before{content:counter(d);font:400 17px var(--f-titulo);color:var(--anil)}
.semana li.marca-dia{color:var(--anil-d)}
.semana li.marca-dia::after{content:"";grid-column:2;width:24px;height:1px;margin-top:6px;background:var(--alba)}

/* 5 · qué recibes */
.vitrina{position:relative;margin:34px auto 0;max-width:420px;height:auto;display:grid;grid-template-columns:62% 1fr;align-items:end}
.vitrina .portada-libro{grid-column:1/3;grid-row:1;width:62%;justify-self:start;border-radius:6px;box-shadow:0 30px 50px -28px rgba(29,68,102,.55),0 0 0 1px var(--linea)}
.vitrina .tel{grid-column:1/3;grid-row:1;width:42%;justify-self:end;margin-bottom:-18px}
.items{display:grid;gap:14px;margin-top:46px}
.item{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;background:var(--card);border:1px solid var(--linea);border-radius:16px;padding:14px}
.item img{width:96px;border-radius:5px;box-shadow:0 10px 22px -14px rgba(29,68,102,.55);outline:1px solid var(--linea)}
.item .rotulo{font-size:10.5px;letter-spacing:.18em}
.item h3{font-size:19px;margin-top:3px}
.item p{margin-top:4px;font-size:15px;line-height:1.55;color:var(--suave)}
.regalo{position:relative}
.regalo .rotulo{color:var(--alba-d)}

/* 6 · para quién y claridad */
.dos{display:grid;gap:14px;margin-top:26px}
.lista{border-radius:16px;padding:20px 18px;border:1px solid var(--linea);background:var(--card)}
.lista h3{font-size:21px}
.lista ul{margin:12px 0 0;padding:0;list-style:none;font-size:16.5px}
.lista li{position:relative;padding:6px 0 6px 22px;line-height:1.55}
.lista li::before{content:"";position:absolute;left:2px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--alba)}
.lista.no li::before{background:transparent;border:1px solid var(--tenue);width:6px;height:6px}
.lista.no h3{color:var(--suave)}
.claro{list-style:none;margin:24px 0 0;padding:0}
.claro li{padding:14px 0;border-top:1px solid var(--linea);font-size:16.5px;color:var(--suave)}
.claro li:last-child{border-bottom:1px solid var(--linea)}
.claro b{display:block;font:400 19px/1.3 var(--f-titulo);font-variation-settings:'SOFT' 100;color:var(--tinta);margin-bottom:3px}

/* 7 · oferta */
.oferta-sec{padding:66px 0 60px;background:linear-gradient(180deg,var(--cal),var(--anil-l) 70%,var(--cal))}
.oferta{position:relative;max-width:440px;margin:0 auto;background:var(--card);border:1px solid rgba(43,95,134,.28);border-radius:240px 240px 22px 22px;padding:46px 22px 28px;text-align:center;box-shadow:0 30px 60px -40px rgba(29,68,102,.65)}
.oferta::before{content:"";position:absolute;inset:8px 8px auto;height:60%;border:1px solid rgba(43,95,134,.12);border-bottom:0;border-radius:232px 232px 0 0;pointer-events:none}
.oferta .mini-portada{width:118px;margin:0 auto;border-radius:4px;box-shadow:0 16px 30px -18px rgba(29,68,102,.6)}
.oferta h2{font-size:clamp(28px,7.6vw,36px);margin-top:18px}
.incluye{list-style:none;margin:20px 0 0;padding:0;text-align:left;font-size:16px}
.incluye li{position:relative;padding:10px 0 10px 28px;border-top:1px solid var(--linea);line-height:1.45}
.incluye li::before{content:"";position:absolute;left:3px;top:16px;width:11px;height:6px;border-left:1.5px solid var(--anil);border-bottom:1.5px solid var(--anil);transform:rotate(-45deg)}
.precio{margin-top:24px;color:var(--tinta);display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}
.precio .valor{font:300 clamp(44px,13vw,56px)/1 var(--f-titulo);font-variation-settings:'SOFT' 100;letter-spacing:-.02em}
.precio .moneda{font:500 14px var(--f-rotulo);letter-spacing:.2em;color:var(--anil)}
.pendiente{font:500 18px/1.3 var(--f-rotulo)!important;color:#7d1d1d!important;letter-spacing:0!important}
.condiciones{margin-top:8px;font:400 13.5px/1.5 var(--f-rotulo);color:var(--suave)}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin:22px auto 0;max-width:400px;padding:14px 24px;border-radius:999px;background:var(--anil);color:#fff;text-decoration:none;
  font:500 15.5px/1.25 var(--f-rotulo);letter-spacing:.06em;box-shadow:0 16px 28px -16px rgba(29,68,102,.9);transition:background .25s,transform .15s}
.btn::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--luz);box-shadow:0 0 10px 2px rgba(226,184,90,.7)}
.btn:hover{background:var(--anil-d)}.btn:active{transform:scale(.985)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--alba-d);outline-offset:3px}
.btn[aria-disabled="true"]{background:#5c6773;box-shadow:none;cursor:not-allowed}
.btn.sec{background:transparent;color:var(--anil-d);border:1px solid rgba(43,95,134,.45);box-shadow:none}
.btn.sec::after{display:none}
.btn.sec:hover{background:var(--anil-l)}
.entrega{margin-top:14px;font:400 13.5px/1.55 var(--f-rotulo);color:var(--suave)}
.bump{position:relative;max-width:440px;margin:22px auto 0;display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;padding:18px 16px;border-radius:18px;background:var(--noche);color:#E7ECF1;overflow:hidden}
.bump::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(226,184,90,.28),transparent 66%)}
.bump img{position:relative;width:92px;border-radius:4px;box-shadow:0 12px 24px -12px rgba(0,0,0,.6)}
.bump>div{position:relative}
.bump .rotulo{color:var(--luz);font-size:10.5px;letter-spacing:.18em}
.bump h3{color:#fff;font-size:20px;margin-top:4px}.bump h3 em{color:var(--luz)}
.bump p{margin-top:6px;font-size:14.5px;line-height:1.55;color:#D5DEE7}
.bump b{color:#fff;font-weight:600}
.garantia{max-width:440px;margin:22px auto 0;display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:start;padding:18px 16px;border-radius:18px;background:var(--card);border:1px solid var(--linea)}
.garantia img{width:70px;height:70px}
.garantia h3{font-size:20px}
.garantia p{margin-top:6px;font-size:15px;line-height:1.6;color:var(--suave)}

/* 8 · preguntas */
.faq{margin-top:24px}
.faq details{border-top:1px solid var(--linea)}
.faq details:last-child{border-bottom:1px solid var(--linea)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:13px 0;
  font:400 18.5px/1.35 var(--f-titulo);font-variation-settings:'SOFT' 100;color:var(--tinta)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:0 0 auto;width:9px;height:9px;border-right:1.5px solid var(--anil);border-bottom:1.5px solid var(--anil);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq details>p,.faq .ayuda{margin:0 0 18px;font-size:16.5px;color:var(--suave)}
.faq details>p+p{margin-top:-6px}
.ayuda{background:var(--alba-l);border-radius:14px;padding:6px 16px 10px}
.ayuda p{margin:10px 0;color:var(--tinta)}
.ayuda .rotulo{color:var(--alba-d);margin-top:10px}

/* 9 · cierre */
.cierre{padding:70px 0 64px;text-align:center}
.cierre .ventana{width:150px;margin:0 auto}
.cierre h2{margin-top:10px}
.cierre p.frase{margin:16px auto 0;max-width:30ch;font:italic 400 19px/1.55 var(--f-texto);color:var(--suave)}
.pie{background:var(--noche);color:#C9D3DD;padding:34px 0 calc(110px + env(safe-area-inset-bottom));font:400 14px/1.6 var(--f-rotulo);text-align:center}
.pie a{color:#fff}
.pie p{margin:6px 0}
.pie .rama{width:120px;margin-bottom:14px}
.pie-marca{font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#fff}
.pie-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.pie-nota{font-size:12.5px;color:#AEBBC8}

/* aviso de cookies */
.cookie{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;max-width:560px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;
  background:var(--card);color:var(--tinta);border:1px solid var(--linea);border-radius:16px;padding:12px 14px;box-shadow:0 18px 40px -16px rgba(29,68,102,.45);font:400 13.5px/1.5 var(--f-rotulo)}
.cookie[hidden]{display:none}
.cookie p{flex:1 1 220px}
.cookie div{display:flex;gap:8px}
.cookie button{min-height:44px;padding:0 16px;border-radius:999px;border:0;background:var(--anil);color:#fff;font:500 13.5px var(--f-rotulo);letter-spacing:.04em;cursor:pointer}
.cookie button.sec{background:transparent;color:var(--anil-d);border:1px solid rgba(43,95,134,.45)}

/* páginas legales */
.legal{padding:30px 0 60px}
.legal h1{font-size:clamp(32px,9vw,44px);margin:14px 0 4px}
.legal h2{font-size:24px;margin-top:30px}
.legal p,.legal li{margin-top:10px;font-size:16.5px;color:var(--tinta)}
.legal small{color:var(--suave)}
.volver{display:inline-flex;align-items:center;min-height:44px;font:500 13px var(--f-rotulo);letter-spacing:.1em;text-transform:uppercase}

/* 52 semanas (pospago) */
.paso-opcional{font:500 11.5px var(--f-rotulo);letter-spacing:.22em;text-transform:uppercase;color:var(--alba-d)}
.corona{width:min(210px,56vw);margin:18px auto 0}
.meses{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.meses li{background:var(--card);border:1px solid var(--linea);border-radius:14px;padding:12px 12px 10px;font:400 16px/1.3 var(--f-titulo);font-variation-settings:'SOFT' 100;color:var(--tinta)}
.meses li span{display:block;font:500 10.5px var(--f-rotulo);letter-spacing:.18em;text-transform:uppercase;color:var(--alba-d);margin-bottom:4px}
.semana-tiene{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px}
.semana-tiene li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:16.5px;color:var(--suave)}
.semana-tiene li::before{content:"";width:7px;height:7px;margin-top:10px;border-radius:50%;background:var(--alba)}
.decision{max-width:440px;margin:0 auto}
.decision .btn{width:100%;min-height:72px}
.decision .btn.sec{margin-top:12px}

/* 2b · Día 1 completo: hijo/hija y partes del encuentro */
.genero{margin:18px 0 0;padding:0;border:0;min-width:0}
.genero legend{padding:0;margin-bottom:8px;font:500 11.5px/1.4 var(--f-rotulo);letter-spacing:.2em;text-transform:uppercase;color:var(--anil)}
.genero .opciones{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.campo .genero label{position:relative;display:block;font:inherit;letter-spacing:normal;text-transform:none}
.genero input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.genero span{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;border:1px solid rgba(43,95,134,.45);background:var(--card);font:500 15.5px var(--f-rotulo);letter-spacing:.06em;color:var(--anil-d);transition:background .2s,color .2s}
.genero input:checked+span{background:var(--anil);border-color:var(--anil);color:#fff}
.genero input:focus-visible+span{outline:2px solid var(--alba-d);outline-offset:3px}
.aviso-uno{margin-top:10px;font:400 14px/1.5 var(--f-rotulo);color:var(--alba-d)}
.aviso-uno[hidden]{display:none}
.dia1 .lee{text-align:center;font:500 13px/1.5 var(--f-rotulo);letter-spacing:.06em;color:var(--anil-d)}
.dia1 .sub-rot{margin-top:22px;font:500 11px/1.4 var(--f-rotulo);letter-spacing:.22em;text-transform:uppercase;color:var(--alba-d)}
.dia1 .ora{margin-top:4px;padding-left:14px;border-left:2px solid rgba(201,154,59,.45)}
.dia1 .ora p:first-child{margin-top:8px}
.dia1 .angel{font-style:italic;color:var(--suave)}
.ya-empezaste{margin:24px auto 0;max-width:30ch;text-align:center;font:italic 400 19px/1.55 var(--f-texto);color:var(--tinta)}
.ya-empezaste em{display:block;color:var(--anil-d)}
.antes{margin-top:14px;font-style:italic;color:var(--suave)}
.devocion{margin-top:26px;background:var(--card);border:1px solid var(--linea);border-radius:16px;padding:20px 18px 10px}
.devocion ul{list-style:none;margin:10px 0 0;padding:0}
.devocion li{padding:10px 0;border-top:1px solid var(--linea);font-size:16px;line-height:1.55;color:var(--suave)}
.devocion b{color:var(--tinta);font-weight:600}

.garantia>div,.bump>div,.item>div,.intencion>div{min-width:0}
a[href^="mailto:"]{overflow-wrap:anywhere}

.arco.arco-corto{width:min(168px,44vw);margin-top:14px}
.portada .arco-corto+.umbral+.rotulo{margin-top:18px}
.bajar.otros{display:flex;width:max-content;margin:18px auto 0}
.nota-precio{margin-top:6px;font:400 13px/1.5 var(--f-rotulo);color:var(--suave);text-align:center}

/* celulares de pantalla baja: el botón del Día 1 en la primera pantalla */
@media (max-height:760px) and (max-width:719px){
  .arco.arco-corto{width:min(112px,32vw);margin-top:10px}
  .portada .rotulo{margin-top:14px}
  .portada h1{font-size:clamp(34px,10vw,48px)}
  .sub{margin-top:10px;font-size:18px}
  .lead{display:none}
  .sellos{margin-top:14px}
  .bajar{margin-top:16px}
  .portada .cta-dia1{margin-top:14px}
}

@media (max-height:600px) and (max-width:719px){.arco.arco-corto,.portada .umbral{display:none}}

.dia1 .cita-ta{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:var(--card);font:italic 400 16.5px/1.6 var(--f-texto);color:var(--tinta)}
.dia1 .cita-ta cite{display:block;margin-top:6px;font:500 12px/1.4 var(--f-rotulo);font-style:normal;letter-spacing:.06em;color:var(--alba-d)}

.portada .cta-dia1{margin-top:22px;max-width:340px}
.ir-oferta{margin:22px auto 0;max-width:400px;text-align:center}
.ir-oferta .btn{margin-top:0}
.ir-oferta .micro{margin-top:8px;font:400 13.5px/1.5 var(--f-rotulo);color:var(--suave)}
.prueba-sec .bajar.otros{margin-top:10px}
.repetir .dato{margin:18px auto 0;max-width:36ch;font:400 14px/1.55 var(--f-rotulo);color:var(--suave)}
.oferta .lleva{margin-top:18px;color:var(--alba-d)}
.incluye.stack{margin-top:10px}
.incluye.stack .cuando{display:block;font:500 11px/1.4 var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--suave);margin-bottom:2px}
.incluye.stack b{font-weight:600}
.por-dia{margin-top:6px;font:italic 400 16px/1.5 var(--f-texto);color:var(--anil-d)}
.bump .para-noche{display:block;font:500 10.5px/1.4 var(--f-rotulo);letter-spacing:.18em;text-transform:uppercase;color:var(--luz);margin-bottom:4px}

@media (min-width:720px){
  body{font-size:18px}
  .intenciones{grid-template-columns:1fr 1fr}
  .dos{grid-template-columns:1fr 1fr}
  .semanas{grid-template-columns:1fr}
  .meses{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:359px){
  .intencion{grid-template-columns:48px 1fr;gap:12px;padding:16px 12px}
  .intencion .ico{width:48px;height:56px}.intencion .ico img{width:46px;height:46px}
  .item{grid-template-columns:76px 1fr;gap:12px}.item img{width:76px}
  .bump{grid-template-columns:72px 1fr}.bump img{width:72px}
  .garantia{grid-template-columns:54px 1fr}.garantia img{width:54px;height:54px}
  .caja{padding:32px 16px 18px}
  .meses{grid-template-columns:1fr}
  .btn{padding:14px 16px;letter-spacing:.02em;font-size:15px}
}