/* Venta de «Tu Plan de Parto con Alba»: apartado de la portada, página del curso y enlace rápido /plan/ */

/* ---- apartado en la portada ---- */
.v-inicio{background:linear-gradient(180deg,#fff 0%,var(--crema) 100%)}
.v-inicio__foto,.v-hero__foto{position:relative;margin:0}
.v-inicio__foto img,.v-hero__foto img{width:100%;border-radius:var(--radio);box-shadow:var(--sombra);aspect-ratio:4/5;object-fit:cover}
.v-sello{position:absolute;left:18px;top:18px;background:#fff;color:var(--terracota);font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding:9px 16px;border-radius:999px;box-shadow:0 8px 22px rgba(36,23,19,.12)}
.v-lista{list-style:none;padding:0;margin:1.4em 0 1.8em;display:grid;gap:.75em}
.v-lista li{display:flex;gap:.8em;align-items:flex-start;line-height:1.5}
.v-lista .ico{flex:0 0 auto;width:1.35em;height:1.35em;margin-top:.1em}
.v-botones{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:1.6em}
.v-botones.centrado,.centrado .v-botones{justify-content:center}

/* miniatura del PDF encima de la foto */
.v-pdf{position:absolute;right:-18px;bottom:-26px;width:min(46%,230px);background:#fff;border-radius:14px;padding:18px 18px 20px;box-shadow:0 22px 50px rgba(36,23,19,.18);display:flex;flex-direction:column;gap:7px;transform:rotate(3deg)}
.v-pdf__tipo{align-self:flex-start;background:var(--terracota);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.14em;padding:3px 8px;border-radius:6px;margin-bottom:4px}
.v-pdf b{font-family:'Playfair Display',serif;font-size:1rem;line-height:1.2;color:var(--marron);font-weight:600}
.v-pdf small{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--terracota);font-weight:700;margin-top:6px}
.v-pdf i{display:block;height:6px;border-radius:4px;background:#F1E4DA}
.v-pdf i.corta{width:62%}

/* ---- página del curso ---- */
.v-hero{background:var(--crema);padding:clamp(56px,8vw,110px) 0 clamp(64px,9vw,120px)}
.v-hero h1{font-size:clamp(2.4rem,5.2vw,4rem)}
.v-datos{list-style:none;padding:0;margin:1.6em 0 0;display:flex;gap:12px;max-width:34rem}
.v-datos li{flex:1 1 0;background:#fff;border-radius:16px;padding:12px 18px;line-height:1.25;font-size:.92rem;color:var(--suave);box-shadow:0 6px 18px rgba(36,23,19,.06)}
.v-datos b{display:block;font-family:'Playfair Display',serif;font-size:1.7rem;color:var(--terracota);font-weight:600}
p.etiqueta.centrado,.etiqueta.centrado{max-width:none;margin-left:auto;margin-right:auto}
.v-ancho{max-width:46rem;margin-left:auto;margin-right:auto}

.v-dolores{list-style:none;padding:0;margin:1.2em 0 0;display:grid;gap:14px}
.v-dolores li{display:flex;gap:14px;align-items:flex-start;background:var(--crema);border-radius:16px;padding:16px 20px;line-height:1.5}
.v-dolores .ico{flex:0 0 auto;width:1.5em;height:1.5em;color:var(--terracota-claro)}

.v-pasos{list-style:none;padding:0;margin:clamp(36px,5vw,60px) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,32px);counter-reset:none}
.v-pasos li{background:#fff;border-radius:var(--radio);padding:32px 28px;box-shadow:var(--sombra);position:relative}
.v-paso__num{display:inline-flex;width:46px;height:46px;border-radius:50%;background:var(--terracota);color:#fff;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.3rem;margin-bottom:16px}
.v-pasos p{margin:0;color:var(--suave);line-height:1.6}

.v-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px);margin-top:clamp(36px,5vw,56px)}
.v-card{background:var(--crema);border-radius:var(--radio);padding:30px 28px}
.v-card .ico{width:40px;height:40px;display:block;margin-bottom:16px}
.v-card p{margin:0;color:var(--suave);line-height:1.6;max-width:none}

.v-temario{margin-top:clamp(28px,4vw,44px);display:grid;gap:14px}
.v-bloque{background:#fff;border-radius:var(--radio);box-shadow:0 8px 24px rgba(36,23,19,.06);overflow:hidden}
.v-bloque summary{list-style:none;cursor:pointer;padding:22px 26px;display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center}
.v-bloque summary::-webkit-details-marker{display:none}
.v-bloque summary .etiqueta{grid-column:1/-1;margin:0}
.v-bloque summary b{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:600;color:var(--marron);line-height:1.3}
.v-bloque summary small{color:var(--suave);font-size:.88rem;white-space:nowrap}
.v-bloque summary small::after{content:'+';display:inline-block;margin-left:12px;font-size:1.3rem;color:var(--terracota);transition:transform .2s;vertical-align:-2px}
.v-bloque[open] summary small::after{transform:rotate(45deg)}
.v-bloque ol{list-style:none;margin:0;padding:0 26px 18px}
.v-bloque li{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-top:1px solid #F1E4DA;line-height:1.45}
.v-bloque li span{font-family:'Playfair Display',serif;color:var(--terracota);font-size:1.05rem;flex:0 0 1.8em}
.v-bloque li small{margin-left:auto;color:var(--suave);font-size:.85rem;white-space:nowrap;padding-left:12px}

.v-video{position:relative;margin:32px auto 0;max-width:820px;aspect-ratio:16/9;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);cursor:pointer;background:var(--marron)}
.v-video img{width:100%;height:100%;object-fit:cover;display:block}
.v-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.v-video__play{position:absolute;left:29.2%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;border:0;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 30px rgba(36,23,19,.25);transition:transform .2s}
.v-video:hover .v-video__play{transform:translate(-50%,-50%) scale(1.06)}
.v-video__play .ico{width:46px;height:46px}

.v-compra .v-precio{color:var(--texto)}
.v-compra .v-precio h2{color:var(--marron)}
.v-compra .v-precio .ico{color:var(--terracota)}
.v-compra .v-precio strong{color:var(--marron)}
.v-precio{background:#fff;border-radius:28px;padding:clamp(32px,5vw,56px);box-shadow:var(--sombra);text-align:center;max-width:640px;margin:0 auto}
.v-precio .v-lista{text-align:left;max-width:30rem;margin-left:auto;margin-right:auto}
.v-precio__cifra{margin:1.2em auto .9em;font-size:1rem;color:var(--suave);line-height:1.3}
.v-precio__cifra b{display:block;font-family:'Playfair Display',serif;font-size:3.2rem;color:var(--marron);font-weight:600}
.v-precio__cifra s{color:var(--suave);font-size:1.3rem}
.v-precio__cifra span{display:block;font-size:.9rem}
.v-precio__cifra--pronto{font-family:'Playfair Display',serif;font-size:1.6rem;color:var(--marron)}
.v-precio__cifra--pronto em{color:var(--terracota)}
.v-precio__nota{font-size:.88rem;color:var(--suave);margin:14px auto 0}

.v-faqs{margin-top:clamp(28px,4vw,44px);display:grid;gap:12px}
.v-faq{border-bottom:1px solid #EEDFD4;padding:4px 0}
.v-faq summary{list-style:none;cursor:pointer;padding:16px 36px 16px 0;font-weight:700;color:var(--marron);position:relative;line-height:1.4}
.v-faq summary::-webkit-details-marker{display:none}
.v-faq summary::after{content:'+';position:absolute;right:4px;top:12px;font-size:1.5rem;color:var(--terracota);transition:transform .2s}
.v-faq[open] summary::after{transform:rotate(45deg)}
.v-faq p{color:var(--suave);margin:0 0 18px;max-width:none}

@media(max-width:900px){
 .v-hero{padding-top:118px}
 .v-pasos,.v-cards{grid-template-columns:1fr}
 .v-inicio__foto img,.v-hero__foto img{aspect-ratio:4/3}
 .v-pdf{right:12px;bottom:-22px;width:min(52%,210px);padding:14px 14px 16px}
}
@media(max-width:620px){
 .v-datos li{flex:1 1 30%;padding:10px 12px;font-size:.82rem}
 .v-datos b{font-size:1.4rem}
 .v-bloque summary{padding:18px 20px}
 .v-bloque ol{padding:0 20px 14px}
 .v-video__play{width:58px;height:58px}
 .v-video__play .ico{width:32px;height:32px}
 .v-datos{gap:8px}
 .v-pdf,.r-hero__foto .v-pdf{right:10px;bottom:-22px;width:min(40%,160px);padding:10px 10px 12px;gap:4px}
 .v-pdf b{font-size:.8rem}
 .v-pdf small{font-size:.55rem}
 .v-pdf small~small,.v-pdf small~small~i{display:none}
 .v-botones .btn{width:100%}
}

/* ---- enlace rápido /plan/ (anuncios e historias) ---- */
.r-body{background:var(--crema);padding-bottom:96px}
.r-cab{display:flex;justify-content:center;padding:18px 16px 6px}
.r-cab .logo__marca{width:36px;height:36px;flex-basis:36px}
.r-main{max-width:560px;margin:0 auto;padding:0 16px}
.r-hero{text-align:center;padding:18px 0 8px}
.r-hero .etiqueta{margin-bottom:.8em;font-size:.72rem;color:var(--terracota)}
.r-hero__foto{position:relative;margin:0 0 30px}
.r-hero h1{font-size:clamp(2.1rem,8.5vw,2.9rem);margin-bottom:.4em}
.r-hero p{font-size:1.05rem;line-height:1.6;color:var(--suave);margin:0 auto 1.2em;max-width:none}
.r-hero__img{width:100%;border-radius:22px;box-shadow:var(--sombra);aspect-ratio:4/3;object-fit:cover}
.r-bloque{background:#fff;border-radius:22px;padding:26px 22px;margin-top:16px;box-shadow:0 6px 20px rgba(36,23,19,.05)}
.r-bloque--crema{background:var(--crema-hondo)}
.r-bloque h2{font-size:1.6rem;margin-bottom:.7em}
.r-lista{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.r-lista li{display:flex;gap:14px;align-items:flex-start;line-height:1.45}
.r-lista .ico{flex:0 0 auto;width:30px;height:30px}
.r-lista b{display:block;color:var(--marron)}
.r-lista span{font-size:.93rem;color:var(--suave)}
.r-pasos{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.r-pasos li{display:flex;gap:14px;align-items:flex-start;line-height:1.5;font-size:.97rem;color:var(--suave)}
.r-pasos li>span{flex:0 0 34px;height:34px;border-radius:50%;background:var(--terracota);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.05rem}
.r-pasos b{color:var(--marron)}
.r-precio{text-align:center}
.r-precio .v-precio__cifra{margin-top:0}
.r-mas{display:inline-block;margin-top:16px;color:var(--terracota);font-weight:700;font-size:.92rem;text-decoration:none}
.r-barra{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(251,244,236,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(36,23,19,.08);z-index:50;transition:transform .25s}
.r-barra .btn{max-width:528px}
.r-barra.oculta{transform:translateY(110%)}