/* Biblioteca Visual de Ultrasonografía Abdominal · HTML/CSS/JS sin dependencias.
   Referencia estructural: landing Doppler aportada por el cliente. */
:root{--ink:#112c44;--muted:#536b80;--navy:#082841;--deep:#061e33;--blue:#1455c2;--blue-hover:#103f92;--cyan:#00bed1;--teal:#087a91;--line:#dce5ed;--soft:#f4f8fb;--light-blue:#edf4ff;--white:#fff;--radius:14px;--container:1160px;--shadow:0 18px 50px rgba(12,40,66,.08);font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-synthesis:none;background:var(--white);scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.16;letter-spacing:-.035em}a{color:inherit}em{font-style:normal;color:var(--blue)}button{color:inherit}ul,ol{margin:0;padding:0}svg{flex-shrink:0}section{scroll-margin-top:24px}::selection{background:#ceeaff;color:#072a43}:focus-visible{outline:3px solid #347add;outline-offset:5px;border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:var(--navy);color:white;padding:12px 20px;border-radius:6px}.skip-link:focus{top:12px}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.section{padding:88px 0}.soft-section{background:var(--soft);border-block:1px solid #e9eff4}.section-heading{max-width:830px;margin:0 auto 42px;text-align:center}.eyebrow{display:block;font-size:10px;line-height:1.7;letter-spacing:.16em;font-weight:750;text-transform:uppercase;color:var(--teal);margin-bottom:16px}.section h2{font-size:clamp(30px,3.4vw,44px);font-weight:750;line-height:1.14;letter-spacing:-.04em}.section-heading p{font-size:17px;line-height:1.65;color:var(--muted);max-width:690px;margin:19px auto 0}.small-note{font-size:12px;color:var(--muted);line-height:1.6}.center-note{text-align:center;max-width:780px;margin:20px auto 0}.actions{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap}.btn{min-height:56px;padding:15px 25px;border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:22px;line-height:1.45;font-size:15px;font-weight:700;text-decoration:none;text-align:center;transition:background .18s,transform .18s,border-color .18s;cursor:pointer}.btn span[aria-hidden]{font-size:21px;line-height:1}.btn-primary{background:var(--blue);color:white;box-shadow:0 6px 20px #1455c218}.btn-primary:hover{background:var(--blue-hover);transform:translateY(-2px)}.btn-outline{background:white;border-color:#8ca5b7;color:var(--navy)}.btn-outline:hover{background:var(--soft)}.btn-light{background:#e9faff;color:var(--navy);border-color:#86cde1}.text-link{font-size:14px;text-underline-offset:6px;color:#244f6c}.text-link:hover{color:var(--blue)}.section-cta{display:grid;justify-items:center;gap:12px;margin-top:32px}.section-cta .small-note{font-size:11px}.page-badge{display:inline-block;padding:8px 12px;border:1px solid #d5e7f1;border-radius:5px;background:#edf6fa;color:#1b5a75;font-size:10px;font-weight:700;letter-spacing:.08em}.tag{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;font-size:10px;line-height:1.4;letter-spacing:.06em;font-weight:700;border-radius:4px;background:#f0f4f7;color:#476078}.tag-blue{background:#eaf2ff;color:#2357a0}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:white;display:inline-flex;justify-content:center;align-items:center;font-size:21px;line-height:1;flex-shrink:0}.icon-button:hover{background:var(--soft)}
/* Navegación y hero: proporciones, ritmo y ancho de la referencia. */
.topbar{width:min(var(--container),calc(100% - 48px));margin:auto;min-height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand svg{width:40px;height:40px;color:var(--teal)}.brand-name{font-size:14px;letter-spacing:.05em;line-height:1.25}.brand-name b{font-weight:800}.brand small{display:block;font-size:9px;letter-spacing:.23em;font-weight:600;margin-top:7px}.header-link{font-size:12px;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:16px;min-height:44px}.header-link span{color:var(--blue)}.hero{padding:48px 0 0;text-align:center;background:linear-gradient(180deg,#f7fbff 0,#fff 65%)}.hero-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #cde3f2;background:#f0f9fd;color:#285f7c;padding:8px 14px;border-radius:30px;font-size:10px;font-weight:700;letter-spacing:.13em}.hero-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0}.hero h1{max-width:1060px;margin:24px auto 23px;font-size:clamp(38px,4.5vw,65px);line-height:1.07;letter-spacing:-.048em;font-weight:800;text-wrap:balance}.hero h1 em{color:var(--blue)}.hero-lead{max-width:760px;font-size:20px;line-height:1.6;margin:auto;color:var(--muted)}.hero-lead strong{color:var(--ink);font-weight:600}.hero-proof{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:21px auto 0;font-size:12px;color:#3c5e76}.hero-proof span+span::before{content:'·';margin-right:20px;color:var(--teal)}.hero-visual{max-width:990px;margin:28px auto 14px}.hero-visual img{width:100%;border-radius:10px}.hero-visual figcaption{margin-top:10px;font-size:10px;color:#607486}.hero-actions{margin:24px auto 36px}.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;border-block:1px solid var(--line);text-align:left}.benefit-strip>span{display:flex;justify-content:center;align-items:center;gap:11px;font-size:13px}.benefit-strip>span+span{border-left:1px solid var(--line)}.benefit-strip b{font-size:11px;color:var(--teal);font-weight:500}
/* Lector, carrusel y previsualización. */
.preview-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid #dce6f0;border-radius:8px;margin:-8px auto 26px;font-size:12px;color:#53687b;max-width:850px;text-align:center;background:white}.preview-status strong{color:#285d84}.reader{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;box-shadow:var(--shadow)}.reader-stage{padding:24px 32px 20px;background:#edf3f8;min-width:0;position:relative}.reader-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:700;letter-spacing:.11em;color:#4b6b84;margin-bottom:20px}.reader-image-button{display:flex;align-items:center;justify-content:center;width:100%;height:410px;padding:10px;border:0;background:transparent;border-radius:8px;cursor:zoom-in;position:relative}.reader-image-button>img{width:auto;height:auto;max-width:96%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px #09253d22)}.reader-image-button:hover img{filter:drop-shadow(0 12px 22px #09253d38)}.reader-image-button::after{content:'Ampliar ↗';position:absolute;right:0;bottom:0;padding:6px 10px;font-size:10px;background:#fff;border:1px solid #d7e1ea;border-radius:4px;color:var(--blue)}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:17px}.reader-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;background:white;border:1px solid #cbdbe7;border-radius:6px;font-size:11px;color:#315b78}.reader-controls button:hover{background:#f6fbff}.reader-counter{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.reader-info{padding:42px 36px;display:flex;flex-direction:column;justify-content:center;min-width:0}.reader-info h3{font-size:29px;line-height:1.15;margin:12px 0 14px}.reader-info>p{color:var(--muted);font-size:15px;line-height:1.65}.reader-info .small-note{font-size:11px;line-height:1.5;margin-top:22px}.preview-route{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:grid;gap:13px;list-style:none}.preview-route li{display:flex;gap:11px;align-items:baseline;font-size:13px;color:#4c657a}.preview-route b{color:var(--teal);font-size:10px;font-weight:500}.reader-info>.btn{align-self:flex-start;margin-top:24px;font-size:13px;min-height:48px;padding:11px 17px}.gallery-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px;margin-bottom:14px;font-size:11px;color:var(--muted)}.gallery-head strong{color:var(--ink);font-size:12px;letter-spacing:.06em;font-weight:600}.gallery-nav{display:flex;gap:9px}.gallery-nav .icon-button{width:38px;height:38px;font-size:18px}.gallery-track{display:flex;gap:18px;overflow-x:auto;padding:3px 3px 20px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b4c8dc #eef3f7;scroll-padding-inline:3px}.gallery-card{flex:0 0 224px;min-width:0;scroll-snap-align:start;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:white;cursor:pointer;display:flex;flex-direction:column;text-align:left;padding:0}.gallery-card:hover{border-color:#7faddb}.gallery-card[aria-current=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.gallery-card .gallery-image{height:245px;display:flex;align-items:center;justify-content:center;position:relative;padding:16px;background:#f1f5f8;width:100%}.gallery-image>img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 5px 7px #18304720)}.gallery-image>.gallery-label{position:absolute;bottom:8px;right:8px;background:#fff;padding:3px 7px;border:1px solid #e1e8ef;font-size:9px;color:#4d687e;border-radius:3px}.gallery-card .gallery-text{display:block;padding:13px 15px 16px;font-size:12px;line-height:1.5;color:var(--ink)}.gallery-text small{display:block;font-size:9px;letter-spacing:.09em;color:var(--teal);margin-bottom:5px}.gallery-footnote{font-size:11px;line-height:1.5;text-align:center;color:var(--muted);margin-top:6px}.no-script-note{padding:14px 18px;background:#f2f5f8;border:1px solid var(--line);font-size:14px;color:var(--muted)}
/* Productos principales. */
.page-carousel{width:100%;min-width:0}
.page-carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:9px;letter-spacing:.1em;font-weight:700;color:#45677f}
.page-carousel-nav{display:flex;gap:6px;flex:0 0 auto}
.page-carousel-nav .icon-button{width:32px;height:32px;min-height:32px;font-size:15px}
.page-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:184px;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a9c0d0 transparent;padding:2px 2px 10px}
.page-carousel-card{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:8px;padding:7px;border:1px solid #dce6ed;border-radius:6px;background:#fff;text-align:left;color:#28465c;cursor:zoom-in;scroll-snap-align:start;transition:border-color .18s,transform .18s,box-shadow .18s}
.page-carousel-card:hover{border-color:#74a8bc;transform:translateY(-2px);box-shadow:0 6px 14px #143d5414}
.page-carousel-card img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#f6f8fa;border:1px solid #edf1f4}
.page-carousel-card span{display:-webkit-box;min-height:30px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:10px;line-height:1.4}
.page-carousel-card .page-carousel-title{display:-webkit-box;min-height:32px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11px;line-height:1.4}
.page-carousel-card .page-carousel-action{display:flex;align-items:center;min-height:28px;padding-top:7px;border-top:1px solid #e8eef2;font-size:10px;font-weight:700;line-height:1;color:#176b83}
.page-carousel-visual{display:block;min-height:0;padding:18px 16px;background:#f3f7fa}
.recognition-section{background:linear-gradient(180deg,#f6f9fb 0%,#fff 100%);padding-top:70px;padding-bottom:72px}
#muestras .gallery-head,#muestras .gallery-track,#muestras .gallery-footnote,#muestras .section-cta{display:none}
.recognition-heading{margin-bottom:26px}
.recognition-heading h2{font-size:38px;line-height:1.16}
.recognition-heading p{max-width:760px;margin-top:15px}
.recognition-contrast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:920px;margin:0 auto}
.recognition-view{min-width:0;padding:12px;border:1px solid #dce6ed;border-radius:8px;background:#fff}
.recognition-image{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:266/205;border-radius:5px;background:#071522}
.recognition-image{max-width:360px;margin-inline:auto}
.recognition-image>img{width:100%;height:100%;object-fit:contain}
.anatomy-label{position:absolute;padding:4px 7px;border:1px solid #9ce7df;border-radius:4px;background:#09283adf;color:#fff;font-size:10px;font-weight:700;line-height:1.2;box-shadow:0 2px 8px #0003}
.anatomy-label::before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#49e0d1;vertical-align:1px}
.liver-label{top:12%;left:5%}
.gallbladder-label{right:4%;bottom:12%}
.recognition-view figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 9px;padding:10px 3px 1px;color:var(--muted);font-size:12px;line-height:1.5}
.recognition-view figcaption strong{color:#173b55;font-size:13px}
.recognition-sequence{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:25px auto 0;color:#155d73;font-size:13px;font-weight:750;letter-spacing:.04em}
.recognition-sequence b{color:#73a9b1;font-size:15px}
.recognition-disclaimer{margin:10px auto 0;text-align:center;color:#738697;font-size:10px;line-height:1.5}
@media(max-width:760px){.recognition-section{padding-top:52px;padding-bottom:54px}.recognition-heading{margin-bottom:22px}.recognition-heading h2{font-size:29px;line-height:1.17}.recognition-heading p{font-size:14px}.recognition-contrast{grid-template-columns:1fr;gap:13px;max-width:480px}.recognition-view{padding:9px}.recognition-view figcaption{padding-top:8px}.recognition-sequence{gap:5px;margin-top:20px;font-size:10px;letter-spacing:.02em}.recognition-sequence b{font-size:12px}}
.fragmentation-copy{max-width:900px;margin:0 auto;text-align:center}
.fragmentation-copy h2{display:grid;gap:3px;margin:10px auto 22px;font-size:40px;line-height:1.12}
.fragmentation-copy h2 span:nth-child(even){color:#1455c2}
.fragmentation-bridge{max-width:740px;margin:0 auto;font-size:19px;line-height:1.5;font-weight:700;color:#17445f}
.fragmentation-close{max-width:720px;margin:11px auto 0;font-size:15px;line-height:1.7;color:var(--muted)}
.page-carousel-visual .page-carousel-track{grid-auto-columns:184px}
.benefit-strip>a{display:flex;justify-content:center;align-items:center;gap:11px;font-size:13px;color:inherit;text-decoration:none;transition:color .18s}
.benefit-strip>a:hover,.benefit-strip>a:focus-visible{color:#087c78}
.benefit-strip>a+a{border-left:1px solid var(--line)}
@media(max-width:760px){.benefit-strip>a{justify-content:flex-start;gap:8px;font-size:11px;padding-left:6px}.benefit-strip>a:nth-child(3){border-left:0}}
@media(max-width:380px){.benefit-strip>a{font-size:10px;gap:6px}}
.bonus-card .page-carousel{padding:0 18px;margin:18px 0 10px}
.bonus-card .page-carousel-track{grid-auto-columns:132px}
.product-row{display:grid;grid-template-columns:1.06fr 1fr;gap:62px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0 48px}.product-row+.product-row{padding-top:48px}.product-row.reverse .product-visual{order:2}.product-visual{min-width:0;min-height:470px;display:flex;align-items:center;justify-content:center;padding:34px;border:1px solid #e2eaf0;border-radius:14px;background:#f3f7fa;position:relative}.product-visual img{max-height:395px;max-width:85%;width:auto;filter:drop-shadow(11px 16px 13px #152d4e21)}.product-visual-caption{position:absolute;left:20px;bottom:15px;font-size:9px;color:#627b90;letter-spacing:.06em}.product-copy h3{font-size:31px;line-height:1.16;margin-bottom:19px}.product-copy>strong{display:block;font-size:17px;line-height:1.5;font-weight:600;margin-bottom:16px}.product-copy>p{color:var(--muted);font-size:15px;line-height:1.65;margin-bottom:22px}.check-list{list-style:none;display:grid;gap:11px;margin-bottom:24px}.check-list li{position:relative;padding-left:24px;font-size:14px;line-height:1.55}.check-list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--teal);font-weight:700}.practice-row{padding-bottom:0;border-bottom:0}.practice-visual{background:#edf5ff;border-color:#ccddf2}.practice-stamp{position:absolute;right:22px;top:22px;color:#285b99;border:1px solid #b8d0ef;border-radius:8px;background:#f9fcff;padding:9px 12px;font-size:10px;line-height:1.3;text-align:center;box-shadow:0 3px 8px #102e4d09}.practice-stamp strong{display:block;font-size:24px;font-weight:750;letter-spacing:-.04em}.case-format{margin-top:32px;padding:30px 34px;background:var(--navy);border:1px solid #1d4967;border-radius:14px;color:white;display:grid;grid-template-columns:1.08fr 1fr;gap:32px;align-items:center}.case-format .eyebrow{color:#8ae0e9;margin-bottom:10px}.case-format h3{font-size:25px;line-height:1.2;margin-bottom:10px}.case-format p{font-size:13px;color:#bbd2e3;line-height:1.65}.case-flow{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.case-flow li{font-size:12px;padding:13px;border:1px solid #355671;background:#10364e;border-radius:6px;line-height:1.4}.case-flow b{display:block;font-size:9px;color:#8edee9;margin-bottom:6px;font-weight:500;letter-spacing:.06em}.case-explainer{margin-top:17px}.case-explainer summary{font-size:12px;color:#9aecf1;cursor:pointer;text-underline-offset:5px;min-height:36px}.case-explainer p{margin-top:10px;font-size:12px}.case-note{font-size:11px;color:var(--muted);margin-top:13px;text-align:center}
/* Avatar y bonos. */
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:980px;margin:auto}.audience-card{display:flex;align-items:flex-start;gap:18px;border:1px solid var(--line);border-radius:10px;background:white;padding:24px;font-size:16px;line-height:1.6}.audience-card>span{font-size:26px;line-height:1.2;color:#4291b3;font-family:Georgia,serif;flex:0 0 19px}.audience-note{font-size:14px;line-height:1.6;text-align:center;color:var(--ink);margin:28px auto 9px;max-width:850px}.educational-note{max-width:800px;margin:auto;color:var(--muted);font-size:12px;text-align:center;line-height:1.6}.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.bonus-card{border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}.bonus-top{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-bottom:1px solid #e7edf3;font-size:10px;font-weight:700;color:var(--teal);letter-spacing:.1em}.bonus-pain{padding:22px 27px 0;font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.02em;min-height:74px}.bonus-image{width:100%;height:360px;object-fit:contain;padding:12px 16px 4px}.bonus-content{padding:12px 27px 29px}.bonus-content h3{font-size:25px;line-height:1.2;margin-bottom:14px}.bonus-content p{font-size:14px;color:var(--muted);line-height:1.6}.bonus-card:nth-child(1) .bonus-top{color:#007966}.bonus-card:nth-child(2) .bonus-top{color:#545397}.bonus-card:nth-child(3) .bonus-top{color:#a24914}.bonus-card:nth-child(4) .bonus-top{color:#1c658b}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.workflow>article{border-top:1px solid #adc6db;padding-top:21px}.workflow b{font-size:12px;color:var(--teal);font-weight:500}.workflow h3{font-size:20px;margin:24px 0 10px;line-height:1.2}.workflow p{font-size:14px;line-height:1.65;color:var(--muted)}.workflow-message{display:block;text-align:center;font-size:17px;line-height:1.55;margin:34px auto 0;font-weight:600;color:#375a73}
/* Oferta y modal de mejora. */
.offer-section{background:var(--deep);color:white}.offer-section .eyebrow{color:#8ddfea}.offer-section em{color:#78ddea}.offer-section .section-heading p{color:#b9cfde}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px;align-items:stretch;margin-top:60px}.plan{position:relative;background:white;border:2px solid white;border-radius:18px;padding:34px;color:var(--ink);display:flex;flex-direction:column;min-width:0}.plan.complete{border-color:#4ccbdc}.plan-recommended{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);border:1px solid #7fdfeb;white-space:nowrap;background:#097990;border-radius:30px;color:white;font-size:9px;letter-spacing:.1em;font-weight:700;padding:9px 18px;box-shadow:0 4px 14px #0002}.plan-label{font-size:10px;letter-spacing:.14em;font-weight:700;color:#4c6b82;margin-bottom:12px}.complete .plan-label{color:#0c768b}.plan h3{font-size:31px;line-height:1.1;letter-spacing:-.04em;margin-bottom:16px}.plan-intro{font-size:14px;line-height:1.6;color:var(--muted);min-height:46px;margin-bottom:20px}.plan-visual{border:1px solid #e2e9f0;border-radius:10px;overflow:hidden;background:white;margin-bottom:21px}.plan-visual>img{width:100%;height:215px;object-fit:contain;background:#f3f5f7}.plan-visual figcaption{padding:10px 12px;border-top:1px solid #e2ebf1;background:#f5f9fc;text-align:center;color:#385b73;font-size:11px;line-height:1.45}.plan-mini-bonuses{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 12px;background:white;align-items:center}.plan-mini-bonuses img{width:100%;height:76px;object-fit:contain}.plan-stats{display:flex;justify-content:space-between;gap:14px;align-items:center;border-block:1px solid var(--line);padding:16px 0;margin-bottom:21px;font-size:11px;letter-spacing:.07em;color:#4a6981}.plan-stats strong{font-size:22px;letter-spacing:-.03em;color:var(--ink)}.plan-stats small{display:block;font-size:10px;text-align:right;letter-spacing:0;color:var(--muted)}.plan .check-list{gap:12px;margin-bottom:20px}.plan .check-list li{font-size:13px}.plan-bonus-label{font-size:9px;letter-spacing:.11em;color:#58748a;font-weight:700;margin:0 0 14px}.excluded-list li{color:#788997}.excluded-list li::before{content:'—';color:#91a2b0}.extra-callout{border:1px solid #d1e7ef;background:#f0fafc;border-radius:7px;padding:11px 14px;color:#18586d;font-size:12px;line-height:1.5;margin:3px 0 20px}.price-block{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.price-label{font-size:11px;color:var(--muted);margin-bottom:2px}.price{display:flex;align-items:baseline;gap:9px;font-size:64px;line-height:1.12;letter-spacing:-.05em;font-weight:750;margin:8px 0}.price .currency{font-size:22px;letter-spacing:-.02em;font-weight:600}.price-small{font-size:12px;color:var(--muted);margin-bottom:20px}.price-block>.btn{width:100%;gap:15px;font-size:14px;padding-inline:17px;min-height:60px}.plan-footnote{text-align:center;font-size:10px;line-height:1.6;color:var(--muted);margin-top:13px}.offer-footnote{text-align:center;color:#a9c1d4;font-size:11px;line-height:1.7;max-width:770px;margin:30px auto 0}.offer-footnote strong{color:#d3e7f5;font-weight:500}
/* FAQ / footer. */
.faq-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:70px;align-items:start}.faq-intro>p{font-size:16px;color:var(--muted);margin-top:20px;line-height:1.65}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{position:relative;list-style:none;padding:21px 34px 21px 0;font-size:16px;font-weight:600;line-height:1.45;cursor:pointer;letter-spacing:-.012em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';position:absolute;right:3px;top:18px;color:var(--teal);font-size:23px;line-height:1.5;font-weight:400}.faq-item[open] summary::after{content:'−'}.faq-item[open] summary{color:#174e89}.faq-item p{padding:0 22px 24px 0;color:var(--muted);font-size:14px;line-height:1.8}.footer{padding:43px 0 28px;background:#f4f8fb;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.footer-brandline{font-size:20px;letter-spacing:-.025em;line-height:1.4;color:#2b4d66;margin-top:22px;max-width:700px}.footer-note{color:var(--muted);font-size:11px;margin-top:12px}.back-top{font-size:12px;color:#305b78;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;gap:15px}.footer-disclaimer{border-top:1px solid #dce6ef;margin-top:28px;padding-top:21px;color:#60778a;font-size:11px;line-height:1.75;max-width:1040px}.footer-legal{font-size:10px;color:#6d8293;margin-top:14px;line-height:1.7}
/* Dialog nativo: foco, ESC, backdrop, límites reales en móvil. */
dialog{border:1px solid #d2e1ed;border-radius:16px;padding:0;color:var(--ink);background:white;box-shadow:0 30px 100px #00132955;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:rgba(3,19,34,.78);backdrop-filter:blur(3px)}dialog:not([open]){display:none}.upgrade-dialog{width:590px}.modal-body{padding:35px}.modal-close{position:absolute;right:14px;top:14px;width:35px;height:35px;font-size:23px;border:1px solid var(--line);background:white;border-radius:50%;line-height:1;color:#4d6880;display:grid;place-items:center}.modal-body>.eyebrow{padding-right:40px}.modal-body h2{font-size:31px;line-height:1.14;letter-spacing:-.035em;margin:0 0 15px}.modal-body>p{font-size:16px;line-height:1.6;color:var(--muted)}.upgrade-intro strong{color:var(--ink)}.upgrade-resources{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:23px 0 21px;list-style:none}.upgrade-resources li{font-size:12px;color:#315c73;padding:12px;background:#f1f7fa;border:1px solid #dce8f0;border-radius:7px;display:flex;align-items:center;gap:9px}.upgrade-resources li::before{content:'✓';color:#07889a;font-weight:700}.upgrade-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.upgrade-compare>div{padding:14px;border:1px solid var(--line);border-radius:8px;background:white;display:grid;gap:3px;font-size:12px}.upgrade-compare>div:last-child{border-color:#79c9db;background:#f0fafb}.upgrade-compare strong{font-size:15px}.upgrade-compare span{font-size:11px;color:var(--muted)}.upgrade-compare b{font-size:21px;margin-top:5px;letter-spacing:-.025em}.modal-body>.btn{width:100%;font-size:14px;padding-inline:17px}.upgrade-skip{border:0;display:block;background:transparent;color:#597387;font-size:12px;text-decoration:underline;text-underline-offset:4px;width:100%;padding:17px 3px;min-height:48px;line-height:1.6}.modal-note{font-size:11px!important;text-align:center;color:var(--muted)!important;line-height:1.5!important}.checkout-dialog{width:510px}.checkout-dialog .btn{margin-top:24px}.checkout-message{background:#f5f8fb;border-left:3px solid #5699c9;padding:16px;margin-top:20px;font-size:13px!important}.lightbox{width:1060px;height:min(92dvh,1030px);overflow:hidden;max-height:calc(100dvh - 24px)}.lightbox-layout{display:flex;flex-direction:column;height:100%;min-height:0}.lightbox-header{padding:18px 65px 16px 22px;border-bottom:1px solid var(--line);flex:0 0 auto}.lightbox-header .eyebrow{margin-bottom:4px;font-size:9px}.lightbox-header h2{font-size:19px;line-height:1.3;letter-spacing:-.02em}.lightbox-stage{display:flex;align-items:center;justify-content:center;overflow:auto;min-height:0;flex:1 1 auto;background:#eaf0f5;padding:16px;position:relative}.lightbox-stage img{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 5px 12px #0c293420)}.lightbox-stage.zoomed{display:block;overscroll-behavior:contain}.lightbox-stage.zoomed img{height:auto;width:auto;min-width:120%;max-width:none;max-height:none;margin:auto;object-fit:initial}.lightbox-controls{flex:0 0 auto;border-top:1px solid var(--line);padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.lightbox-controls button{border:1px solid #ccdce8;border-radius:6px;min-height:40px;padding:8px 12px;font-size:12px;background:white}.lightbox-controls button:hover{background:#f0f7fc}.lightbox-controls .lightbox-position{font-size:11px;color:var(--muted)}.lightbox-note{flex:0 0 auto;padding:0 18px 12px;font-size:10px;color:var(--muted);text-align:center;line-height:1.5}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:13px 20px;background:var(--navy);color:white;border-radius:8px;font-size:13px;z-index:100;box-shadow:0 8px 24px #0003}.toast:empty{display:none}
@media(min-width:1550px){.hero h1{font-size:66px}.hero-visual{max-width:1010px}}
@media(max-width:1050px){.problem-grid{gap:45px}.product-row{gap:38px}.reading-grid{gap:36px}.method-grid{gap:12px}.method-card{padding:23px 18px}.method-card h3{font-size:19px}.method-card strong{font-size:14px;min-height:80px}.reader-info{padding:32px 28px}.reader-stage{padding:22px}.reader-info h3{font-size:27px}.plan{padding:28px}.faq-grid{gap:42px}.bonus-image{height:330px}}
@media(max-width:760px){:root{scroll-padding-top:16px}.container{width:calc(100% - 32px)}.topbar{width:calc(100% - 32px);min-height:77px;gap:12px}.brand{gap:9px}.brand svg{width:33px;height:33px}.brand-name{font-size:11px;letter-spacing:.045em}.brand small{font-size:8px;letter-spacing:.19em;margin-top:5px}.header-link{font-size:10px;gap:6px;max-width:105px;text-align:right;line-height:1.4}.hero{padding-top:33px}.hero-pill{font-size:8px;letter-spacing:.08em;padding:8px 11px}.hero h1{font-size:clamp(35px,7.8vw,53px);line-height:1.09;letter-spacing:-.045em;margin:23px auto 19px;max-width:620px}.hero h1 br{display:none}.hero-lead{font-size:16px;line-height:1.6;max-width:520px}.hero-proof{font-size:10px;gap:7px 14px;margin-top:17px;max-width:450px}.hero-proof span+span::before{display:none}.hero-visual{margin:23px -8px 10px;max-width:none}.hero-visual img{border-radius:5px}.hero-visual figcaption{font-size:9px;margin:9px 12px 0;line-height:1.6}.hero-actions{flex-direction:column;gap:19px;margin-top:23px;margin-bottom:28px}.hero-actions>.btn{width:100%;max-width:430px;gap:18px;font-size:14px}.text-link{font-size:13px}.benefit-strip{grid-template-columns:1fr 1fr;gap:17px 0;padding:22px 0}.benefit-strip>span{justify-content:flex-start;gap:8px;font-size:11px;padding-left:6px}.benefit-strip>span:nth-child(3){border-left:0}.benefit-strip b{font-size:10px}.section{padding:56px 0}.section-heading{margin-bottom:28px;max-width:570px}.section h2{font-size:clamp(29px,5.8vw,38px);line-height:1.15;letter-spacing:-.035em}.section-heading p{font-size:15px;line-height:1.65;margin-top:16px}.eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:13px}.comparison-grid{grid-template-columns:1fr;gap:18px;max-width:560px;margin:auto}.comparison-title{padding:16px 18px;font-size:9px}.scan-frame{aspect-ratio:1.9/1;margin:16px 18px 0}.comparison-copy{padding:20px}.comparison-questions li{font-size:14px}.comparison-conclusion{font-size:17px;margin-top:25px}.comparison-note{font-size:10px}.reader{grid-template-columns:1fr;max-width:580px;margin:auto}.preview-status{font-size:11px;line-height:1.55;display:block;padding:11px 13px}.preview-status strong{display:block;margin-bottom:2px}.reader-stage{padding:17px 19px}.reader-topline{font-size:8px;letter-spacing:.07em;margin-bottom:13px}.reader-image-button{height:355px}.reader-info{padding:26px 23px}.reader-info h3{font-size:26px}.reader-info>p{font-size:14px}.reader-info>.small-note{font-size:10px;margin-top:18px}.reader-info>.btn{min-height:46px;margin-top:19px;font-size:12px}.preview-route{margin-top:20px;padding-top:17px;gap:11px}.preview-route li{font-size:12px}.gallery-head{margin-top:27px;gap:10px}.gallery-head strong{font-size:10px}.gallery-head>span{font-size:10px}.gallery-track{gap:14px}.gallery-card{flex-basis:185px}.gallery-card .gallery-image{height:225px;padding:13px}.gallery-text{font-size:11px!important}.gallery-footnote{font-size:10px}.problem-grid{grid-template-columns:1fr;gap:30px;max-width:580px;margin:auto}.problem-copy>p{font-size:15px;margin-top:18px}.problem-copy .pull-quote{font-size:18px;margin-top:24px;padding-left:17px}.connection-stack{padding:17px 24px}.connection-stack li{font-size:12px;padding:13px 0}.method-grid{grid-template-columns:1fr;gap:13px;max-width:570px;margin:auto}.method-card{padding:23px;display:grid;grid-template-columns:27px 1fr;column-gap:15px;row-gap:8px}.method-number{grid-column:1;grid-row:1/4;margin:0;font-size:11px;line-height:2}.method-card h3{grid-column:2;font-size:21px;margin:0}.method-card strong{grid-column:2;min-height:0;font-size:15px}.method-card p{grid-column:2;font-size:13px;margin-top:3px}.method-footer{font-size:10px;margin-top:22px}.reading-grid{grid-template-columns:1fr;gap:31px;max-width:560px}.reading-visual{order:2;max-width:400px;width:100%;margin:auto}.reading-copy{order:1}.reading-copy>p{font-size:15px}.reading-steps{margin:23px 0 20px}.reading-steps li{padding:16px 0}.reading-visual img{max-height:480px}.reading-copy>.text-link{font-size:13px}.product-row{grid-template-columns:1fr;gap:26px;padding:10px 0 34px;max-width:580px;margin:auto}.product-row+.product-row{padding-top:35px}.product-row.reverse .product-visual{order:0}.product-visual{min-height:380px;padding:29px}.product-visual img{max-height:330px;max-width:78%}.product-copy{padding:0 4px}.product-copy h3{font-size:27px;margin-bottom:16px}.product-copy>strong{font-size:16px}.product-copy>p{font-size:14px;margin-bottom:20px}.check-list li{font-size:13px}.page-badge{font-size:9px}.case-format{grid-template-columns:1fr;gap:23px;margin:0 auto;padding:26px 23px;max-width:580px}.case-format h3{font-size:23px}.case-flow li{font-size:11px;padding:12px}.case-note{font-size:10px}.audience-grid{grid-template-columns:1fr;gap:12px;max-width:580px}.audience-card{padding:20px;gap:12px;font-size:15px;line-height:1.6}.audience-note{font-size:13px;margin-top:24px}.educational-note{font-size:11px}.bonus-grid{grid-template-columns:1fr;gap:23px;max-width:550px;margin:auto}.bonus-top{padding:16px 20px;font-size:9px}.bonus-pain{padding:22px 23px 0;font-size:19px;min-height:0}.bonus-image{height:auto;max-height:395px;padding:13px 14px 0;aspect-ratio:1.25/1;object-fit:contain}.bonus-content{padding:15px 23px 26px}.bonus-content h3{font-size:24px}.bonus-content p{font-size:13px}.workflow{grid-template-columns:1fr;gap:24px;max-width:560px;margin:auto}.workflow>article{padding-top:17px;display:grid;grid-template-columns:26px 1fr;gap:6px 14px}.workflow b{grid-row:1/3;font-size:11px;line-height:2}.workflow h3{font-size:20px;margin:0}.workflow p{font-size:14px}.workflow-message{font-size:16px;margin-top:28px}.plan-grid{grid-template-columns:1fr;gap:40px;margin:44px auto 0;max-width:550px}.plan{padding:28px 24px}.plan h3{font-size:30px}.plan-intro{min-height:0;font-size:14px}.plan-recommended{font-size:8px;padding:9px 13px;letter-spacing:.075em}.plan-visual>img{height:205px}.plan-mini-bonuses img{height:66px}.plan-stats{font-size:10px}.price{font-size:61px}.price .currency{font-size:20px}.price-block>.btn{font-size:13px;gap:12px;padding-inline:14px;min-height:60px}.plan-label{font-size:9px}.offer-footnote{font-size:10px;margin-top:24px}.faq-grid{grid-template-columns:1fr;gap:27px;max-width:620px;margin:auto}.faq-intro>p{font-size:15px;margin-top:16px}.faq-item summary{font-size:15px;padding:20px 32px 20px 0}.faq-item p{font-size:13px;padding-bottom:22px}.footer{padding:35px 0 25px}.footer-main{gap:16px}.footer .brand-name{font-size:10px}.footer .brand svg{width:30px;height:30px}.footer .brand small{font-size:7px}.footer-brandline{font-size:17px;line-height:1.45;max-width:460px;margin-top:20px}.back-top{font-size:10px;gap:7px;min-height:38px}.footer-note{font-size:10px}.footer-disclaimer{font-size:10px;margin-top:23px;padding-top:19px}.footer-legal{font-size:9px}.section-cta .btn{max-width:100%;font-size:13px;gap:15px}.section-cta>.small-note{font-size:10px}.modal-body{padding:29px 23px}.modal-body h2{font-size:27px;line-height:1.18}.modal-body>p{font-size:14px}.modal-close{width:32px;height:32px;right:11px;top:11px;font-size:21px}.upgrade-resources{gap:8px;margin-top:20px}.upgrade-resources li{font-size:11px;padding:10px;gap:7px}.upgrade-compare{gap:9px}.upgrade-compare>div{padding:12px}.upgrade-compare strong{font-size:13px}.upgrade-compare b{font-size:19px}.modal-body>.btn{font-size:13px;padding-inline:12px;gap:12px}.modal-note{font-size:10px!important}.upgrade-skip{font-size:11px}.lightbox{width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:calc(100dvh - 24px)}.lightbox-header{padding:16px 53px 13px 16px}.lightbox-header h2{font-size:16px}.lightbox-header .eyebrow{font-size:8px}.lightbox-stage{padding:10px}.lightbox-controls{gap:7px;padding:9px 11px;flex-wrap:wrap}.lightbox-controls button{padding:8px 10px;font-size:10px;min-height:38px}.lightbox-controls .lightbox-position{font-size:10px}.lightbox-note{font-size:9px;padding:0 12px 10px}}
@media(max-width:380px){.container,.topbar{width:calc(100% - 28px)}.brand-name{font-size:10px}.brand svg{width:29px;height:29px}.brand small{font-size:7px}.header-link{font-size:9px;max-width:83px}.hero-pill{font-size:7px;padding:7px 9px;letter-spacing:.06em}.hero h1{font-size:34px;letter-spacing:-.047em}.hero-lead{font-size:15px}.hero-proof{font-size:9px}.benefit-strip>span{font-size:10px;gap:6px}.section h2{font-size:29px}.reader-image-button{height:310px}.reader-stage{padding:16px}.reader-info{padding:24px 20px}.reader-info h3{font-size:24px}.reader-controls{gap:9px}.reader-controls button{padding:8px 11px;font-size:10px}.plan{padding:26px 19px}.plan h3{font-size:28px}.plan-visual>img{height:180px}.plan-stats strong{font-size:20px}.price-block>.btn{font-size:12px}.modal-body{padding:29px 18px 22px}.modal-body h2{font-size:25px}.upgrade-resources li{font-size:10px;padding:10px 8px}.upgrade-compare strong{font-size:12px}.upgrade-compare b{font-size:18px}.upgrade-compare span{font-size:10px}.modal-body>.btn{font-size:12px}.footer-main{flex-wrap:wrap}.back-top{min-height:30px}.guided-steps{gap:12px}.guided-steps li{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn:hover{transform:none}}
@media print{.topbar,.hero-actions,.section-cta,dialog,.gallery-nav,.back-top,.skip-link{display:none!important}.section{padding:30px 0}body{color:#111}.offer-section,.method-section{background:#fff;color:#111}.offer-section .section-heading p,.method-section .section-heading p{color:#444}.plan,.method-card{break-inside:avoid;border-color:#888}.method-card{background:#fff;color:#111}.method-card p,.method-card strong{color:#333}.container{width:100%}.gallery-track{overflow:visible;flex-wrap:wrap}.product-visual{min-height:300px}.product-visual img{max-height:260px}}
/* Mantém o atalho de acessibilidade invisível em capturas longas até receber foco. */
.skip-link{clip-path:inset(50%)}.skip-link:focus{clip-path:none}

/* Revisión de contenido · alcance oficial de la oferta (01/10/2026).
   Se mantienen la paleta, la arquitectura y los mockups de la versión aprobada. */
.resource-sequence{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--teal);margin:3px 0 17px;line-height:1.7}
.resource-sequence i{font-style:normal;color:var(--muted);font-weight:400}
.resource-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 22px;padding:0;color:var(--ink)}
.resource-details summary{cursor:pointer;padding:14px 4px;font-size:13px;line-height:1.5;font-weight:650;color:var(--navy);min-height:46px}
.resource-details-content{padding:0 4px 14px}
.resource-details-content p,.product-copy .resource-details-content p{font-size:13px;line-height:1.7;margin:0 0 10px;color:var(--muted)}
.resource-details-content p:last-child{margin-bottom:0}
.resource-details-content strong,.product-copy .resource-details-content strong{display:inline;font-size:inherit;line-height:inherit;margin:0;color:var(--ink)}
.bonus-content .bonus-detail{margin-top:14px;font-size:13px;line-height:1.7;color:var(--muted)}
.bonus-content .bonus-details{margin-top:18px;margin-bottom:0}
.bonus-content .bonus-details p{font-size:13px}
.bonus-pain{min-height:108px}
@media(max-width:760px){.resource-details summary{font-size:12px}.resource-sequence{font-size:9px;gap:6px}.bonus-pain{min-height:0}.bonus-content .bonus-detail{font-size:13px}}
@media(max-width:760px){.fragmentation-copy h2{font-size:29px;line-height:1.16;margin-bottom:18px}.fragmentation-bridge{font-size:16px}.fragmentation-close{font-size:13px}}

/* V3 · beneficio visible, detalle a demanda y precios promocionales. */
.product-copy .product-name{font-size:14px;line-height:1.6;font-weight:700;color:var(--teal);margin:0 0 17px;letter-spacing:0}
.product-copy h3{font-size:34px;line-height:1.14;margin-bottom:15px;text-wrap:balance}
#productos .section-heading{max-width:830px}
.study-note{border:1px solid #d5e4ee;border-left:3px solid var(--teal);background:#f5f9fc;border-radius:10px;padding:23px 28px;margin:32px auto 0;max-width:1000px}
.study-note strong{font-size:17px;line-height:1.5;color:var(--navy)}
.study-note p{font-size:14px;color:var(--muted);line-height:1.7;margin-top:7px}
.reader-inclusion{font-size:12px!important;color:var(--teal)!important;font-weight:700;margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}
.reader-info h3{font-size:30px}
.bonus-preview{display:block;width:calc(100% - 40px);margin:20px auto 0;padding:15px 15px 12px;border:1px solid #dfe8f0;border-radius:10px;background:#f2f6fa;cursor:zoom-in;text-align:center;transition:border-color .18s,background .18s}
.bonus-preview:hover{border-color:#8bb5d5;background:#eaf2f8}
.bonus-preview .bonus-image{display:block;height:415px;max-height:none;width:100%;padding:0;object-fit:contain;aspect-ratio:auto;filter:drop-shadow(0 7px 10px #0e294719)}
.bonus-preview-label{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:700;color:var(--blue);margin-top:14px;line-height:1.5}
.bonus-content{padding-top:22px}
.bonus-pain{min-height:97px}
.price{margin-top:3px;white-space:nowrap;font-variant-numeric:tabular-nums}
.upgrade-compare b{white-space:nowrap}
@media(max-width:1050px){.bonus-preview .bonus-image{height:365px}.product-copy h3{font-size:31px}}
@media(max-width:760px){.product-copy h3{font-size:29px}.product-copy .product-name{font-size:13px}.study-note{padding:20px 22px;margin-top:22px}.study-note strong{font-size:16px}.study-note p{font-size:13px}.reader-info h3{font-size:27px}.bonus-preview{width:calc(100% - 36px);margin-top:18px;padding:12px}.bonus-preview .bonus-image{height:auto;max-height:460px;aspect-ratio:4/5}.bonus-pain{min-height:0}.bonus-content{padding-top:19px}}
@media(max-width:380px){.product-copy h3{font-size:27px}.reader-info h3{font-size:25px}.bonus-preview{width:calc(100% - 32px);padding:10px}.study-note{padding:18px}.upgrade-compare b{font-size:17px}}


/* V4 · Mockups oficiais dos bônus: maior protagonismo sem quebrar o DNA clean/premium. */
.bonus-preview{background:linear-gradient(180deg,#f8fbfd 0%,#eef4f8 100%);overflow:hidden;position:relative}
.bonus-preview::before{content:'MOCKUP DEL RECURSO';position:absolute;left:14px;top:14px;z-index:2;padding:5px 8px;border:1px solid #d7e5ee;border-radius:4px;background:rgba(255,255,255,.92);font-size:8px;line-height:1;letter-spacing:.1em;font-weight:800;color:#45677f}
.bonus-preview .bonus-image{height:auto;aspect-ratio:1/1;object-fit:contain;padding:0;transform:translateZ(0);transition:transform .28s ease,filter .28s ease;filter:drop-shadow(0 13px 20px rgba(14,41,71,.11))}
.bonus-preview:hover .bonus-image{transform:translateY(-4px) scale(1.012);filter:drop-shadow(0 17px 24px rgba(14,41,71,.16))}
.bonus-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bonus-card:hover{transform:translateY(-3px);border-color:#c9dce9;box-shadow:0 18px 45px rgba(12,40,66,.08)}
.plan-mini-bonuses{gap:8px;padding:10px 12px}
.plan-mini-bonuses img{height:82px;border:1px solid #edf1f5;border-radius:5px;background:#fff;filter:drop-shadow(0 3px 5px rgba(10,40,65,.08))}
.gallery-card .gallery-image img[src*="bonus-"][src*="mockup"]{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:760px){.bonus-preview::before{left:11px;top:11px;font-size:7px}.bonus-preview .bonus-image{aspect-ratio:1/1;max-height:none}.plan-mini-bonuses img{height:72px}}
@media(prefers-reduced-motion:reduce){.bonus-preview .bonus-image,.bonus-card{transition:none!important}.bonus-preview:hover .bonus-image,.bonus-card:hover{transform:none!important}}

/* Ilustración médica tenue para las secciones blancas. */
.learning-sequence,#productos,#para-quien,#preguntas{position:relative;isolation:isolate}
.learning-sequence::before,#productos::before,#para-quien::before,#preguntas::before{content:'';position:absolute;z-index:2;top:50%;right:max(10px,calc((100vw - var(--container))/2 - 100px));width:300px;height:300px;transform:translateY(-50%);background:url('assets/ultrasound-line-art.svg') center/contain no-repeat;opacity:.16;pointer-events:none}
.learning-sequence>.container,#productos>.container,#para-quien>.container,#preguntas>.container{position:relative;z-index:1}
#para-quien::before{left:max(10px,calc((100vw - var(--container))/2 - 100px));right:auto;transform:translateY(-50%) scaleX(-1)}
#preguntas::before{top:34%;right:max(10px,calc((100vw - var(--container))/2 - 100px));width:240px;height:240px;opacity:.15}
@media(max-width:760px){.learning-sequence::before,#productos::before,#para-quien::before,#preguntas::before{right:0;width:170px;height:170px;opacity:.09}.learning-sequence>.container,#productos>.container,#para-quien>.container,#preguntas>.container{z-index:1}#para-quien::before{left:0;right:auto}#preguntas::before{right:0;width:150px;height:150px;opacity:.08}}