/* Complements the existing book sales layout; preserves Dr. Eura branding. */
.hero{background:radial-gradient(circle at 88% 15%,#e6eee1 0%,rgba(230,238,225,0) 40%),linear-gradient(130deg,#fff 0%,#f5f7f1 70%,#e9f1e7 100%)}
.hero-grid{gap:42px}.hero h1{font-size:clamp(47px,5.8vw,79px);line-height:.99;letter-spacing:-.052em;overflow-wrap:anywhere}.hero-sub{font-size:clamp(20px,2.2vw,28px)}.cover-img{width:min(410px,96%);max-height:680px;object-fit:contain}.book-chip{font-size:12px;right:-10px;bottom:4%}.price-caption{max-width:155px;line-height:1.5}.inclusion-note{max-width:850px;margin:26px auto 0;padding:18px 24px;background:#f4f7f1;border-left:3px solid var(--gold);border-radius:8px;color:#4f6856;line-height:1.6;font-size:14px}.hero .mini-note a{text-decoration:underline;text-underline-offset:3px}.bottom-cta .mini-note{margin:15px auto 0}.faq summary:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ae9453;outline-offset:3px}
@media(max-width:680px){.hero-grid{gap:26px}.hero h1{font-size:clamp(43px,11.3vw,65px)}.cover-img{width:min(270px,73%)}.book-chip{max-width:152px;right:0;padding:8px 10px;text-align:center;font-size:11px}.hero-sub{font-size:22px}.purchase-wrap{align-items:flex-start}.price-block{min-width:120px}.footer .container{font-size:12px}}

/* Vídeo exclusivo Glucosa y Prediabetes: vista informativa, NO reproductor */
.deliver-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.deliver-head{padding:27px 25px 22px;min-height:245px}
.deliver h3{font-size:clamp(21px,2vw,27px)}
.deliver-foot{padding:15px 25px;min-height:68px}
.deliver-video{border-color:#b9cfbf;background:linear-gradient(170deg,#f8fbf6,#fff)}
.video-benefit{background:#f3f7f1}
.video-benefit-grid{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:54px}
.video-poster{aspect-ratio:16/10;min-height:300px;background:radial-gradient(circle at 75% 22%,#3f876d 0%,transparent 52%),linear-gradient(130deg,#082e26,#14533c 70%,#0c3127);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 24px 40px #092a1d29;padding:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
.video-poster::before{content:"";position:absolute;width:370px;height:370px;border:1px solid #ffffff3b;border-radius:50%;right:-170px;top:-130px;box-shadow:0 0 0 46px #ffffff0c,0 0 0 96px #ffffff09}
.video-poster::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(0deg,#071d1b99,transparent);pointer-events:none}
.video-poster-mark{position:absolute;z-index:2;top:25%;left:calc(50% - 37px);width:74px;height:74px;border-radius:50%;border:1px solid #fff8;background:#ffffff29;display:grid;place-items:center;color:white;backdrop-filter:blur(10px)}
.video-poster-copy{z-index:2;position:relative;color:#fff;display:flex;flex-direction:column;gap:9px}
.video-poster-copy span{font-size:11px;letter-spacing:.13em;font-weight:800;color:#e5cc8a}
.video-poster-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,2.6vw,37px);line-height:1.13}
.video-poster-copy small{font-size:12px;color:#d2e9dc;font-weight:600}
.video-benefit .section-label-left{text-align:left}
.video-benefit h2{text-align:left;font-size:clamp(30px,3.2vw,45px);margin:13px 0 20px}
.video-benefit-copy>p{color:#556b5b;line-height:1.8;font-size:16px}
.video-points{list-style:none;padding:0;margin:24px 0;display:grid;gap:13px}
.video-points li{display:flex;align-items:flex-start;gap:13px;color:#264a3b;line-height:1.6}
.video-points span{font-weight:900;color:#258052}
.video-private{border-top:1px solid #d9e7dc;padding-top:16px;font-size:14px!important;color:#5c7363!important}
@media(max-width:980px){.deliver-grid{grid-template-columns:1fr 1fr}.deliver-video{grid-column:1/-1}.deliver-head{min-height:auto}.video-benefit-grid{gap:28px}}
@media(max-width:680px){.deliver-grid{grid-template-columns:1fr}.deliver-video{grid-column:auto}.deliver-foot{min-height:0}.video-benefit-grid{grid-template-columns:1fr}.video-poster{min-height:260px}.video-benefit h2{font-size:31px}}

/* Compra activa mediante enlace accesible, no botón inerte. */
a.cta{text-decoration:none}
a.cta:focus-visible{outline:3px solid #d9ac56;outline-offset:4px}
/* Evita que la relación 16:10 combinada con min-height desborde móviles estrechos. */
@media(max-width:680px){.video-poster{aspect-ratio:auto;width:100%;min-width:0}}