:root{--ink:#1d1d1f;--secondary:#6e6e73;--teal:#008f87;--paper:#fff;--wash:#f5f5f7;--line:#e5e5ea;--display:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;--text:'SF Pro Text',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;--ease:cubic-bezier(.22,.68,0,1.01)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:20px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button{border:0}img{display:block;max-width:100%;height:auto}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #008f8780;outline-offset:5px}.symbols{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-80px;left:20px;padding:14px 22px;background:var(--ink);color:white;border-radius:25px;z-index:100}.skip:focus{top:12px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600}h2{font-size:clamp(42px,4.25vw,64px);line-height:1.07;letter-spacing:-2.6px}h2 span,h3 span{color:var(--secondary)}h3{font-size:38px;line-height:1.12;letter-spacing:-1.3px}p{font-size:21px;line-height:1.45;font-weight:500;color:var(--secondary)}.section{padding-block:96px}.section-heading{text-align:center;max-width:900px;margin:0 auto 50px}.section-heading p{margin:24px auto 0;max-width:650px;font-size:23px;line-height:1.4}.header{height:90px;display:flex;align-items:center;justify-content:space-between}.logo{display:block;width:128px;height:50px;overflow:hidden;isolation:isolate;line-height:0}.app-logo{display:block;width:128px;height:50px;stroke:none;mix-blend-mode:multiply}.store-badge{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:none;line-height:1;transition:opacity .2s}.store-badge img{width:142px;height:auto}.store-badge>span{font-size:10px;color:#83838a;font-weight:500}.store-badge:hover{opacity:.75}.hero{display:grid;grid-template-columns:.94fr 1.06fr;gap:20px;align-items:center;height:min(760px,calc(100svh - 110px));min-height:610px;padding-block:22px 34px}.hero-copy{padding-left:22px}.hero h1{font-size:clamp(72px,min(6.3vw,11.5svh),104px);font-weight:600;line-height:1.015;letter-spacing:-5px}.hero h1 span{color:var(--teal)}.hero-copy>p{font-size:27px;line-height:1.35;letter-spacing:-.6px;color:#55555b;margin-top:28px}.hero-copy strong{font-weight:600;color:var(--ink)}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:30px}.plain-link{font-family:var(--text);display:inline-flex;align-items:center;gap:17px;font-size:17px;line-height:1.5;font-weight:500;background:transparent;padding:0;color:var(--teal);border:0}.plain-link>span{font-size:21px}.plain-link:hover{color:#00675f}.hero .plain-link{font-size:16px;color:#646469;gap:11px}.hero-product{width:100%;height:100%;min-height:0;padding:10px;display:flex;align-items:center;justify-content:center}.hero-product img{height:100%;width:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 25px 25px #1626220a)}
/* Web approximation of a refractive control; not Apple's native Liquid Glass. */
.glass,.glass-button{--px:25%;--py:0%;background:radial-gradient(circle at var(--px) var(--py),#fffffffb,transparent 65%),linear-gradient(150deg,#fffffff0,#e7efedaa);border:1px solid #fffffff0;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #acbfc555,0 2px 5px #142d2610,0 8px 28px #253c3108;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 25px;min-height:55px;border-radius:100px;font-size:16px;font-weight:500;color:#007e76;transition:transform .25s var(--ease),box-shadow .25s}.glass-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #a1b8b855,0 4px 10px #173a2e10,0 13px 30px #1c443514}.glass-button:active{transform:scale(.98)}.overview{padding-top:82px}.overview-stage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;align-items:center;column-gap:30px;min-height:610px;border-radius:36px;background:var(--wash);padding:30px 48px 24px;overflow:visible}.overview-copy{padding-left:25px}.overview-copy h3{font-size:39px;line-height:1.1;letter-spacing:-1.4px;max-width:430px}.overview-copy p{font-size:22px;max-width:360px;margin-top:24px}.overview-copy .plain-link{margin-top:28px}.overview-product{height:495px;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0 12px}.overview-product img{height:100%;width:100%;object-fit:contain;opacity:1;transform:translateY(0);transition:opacity .18s,transform .35s var(--ease)}.overview-product img.switching{opacity:0;transform:translateY(5px)}.segmented{grid-column:1/-1;display:flex;justify-self:center;gap:4px;padding:6px;border-radius:100px;margin-top:15px}.tab{padding:12px 24px;border-radius:100px;background:transparent;font-size:15px;color:#6c6c72;font-weight:500;transition:background .25s,color .25s,box-shadow .25s}.tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 9px #26392f0c,inset 0 0 0 1px #ffffffaa}.tab:hover:not(.active){color:var(--teal)}.training{background:var(--wash)}.exercise-feature{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:28px;min-height:540px;background:#fff;border-radius:34px;padding:30px 40px 30px 54px}.feature-copy p{margin-top:24px;max-width:390px;font-size:22px}.feature-copy .plain-link{margin-top:26px}.product-button{display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;line-height:0;width:100%;min-width:0;min-height:0;transition:transform .5s var(--ease)}.product-button img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.product-button:hover{transform:translateY(-4px)}.exercise-feature>.product-button{height:510px}.training-pair,.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.feature-card{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);height:650px;background:white;border-radius:32px;padding:38px 32px 56px;min-width:0}.card-heading{padding-left:8px}.card-heading h3{font-size:36px;letter-spacing:-1.1px;line-height:1.1}.card-heading p{font-size:19px;margin-top:17px}.feature-card>.product-button{height:100%;min-height:0;padding:20px 5px 0}.plus-button{position:absolute;bottom:20px;right:22px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:25px;line-height:1;font-weight:300;color:#63636a;transition:transform .25s}.plus-button:hover{transform:rotate(90deg)}.nutrition{padding-block:76px}.nutrition .section-heading{margin-bottom:36px}.nutrition-product{height:510px;max-width:690px;margin:auto;padding:14px}.health{background:var(--wash);padding-block:65px}.health-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.health .feature-copy{padding-left:36px}.health-product{height:580px}.progress .section-heading{margin-bottom:42px}.progress-grid{margin-top:0}.progress-card{background:var(--wash)}.watch-card{background:#101214;color:#f5f5f7}.watch-card h3 span{color:#b8bcc0}.watch-card p{color:#a0a7ad}.watch-card .plus-button{color:#dbdfe2;background:linear-gradient(135deg,#ffffff33,#ffffff12);border-color:#ffffff33;box-shadow:inset 0 1px 0 #ffffff55,0 4px 10px #0002}.gallery-section{background:var(--wash);overflow:hidden}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.gallery-heading h2{font-size:56px;letter-spacing:-2.1px}.gallery-heading p{margin-top:20px;font-size:21px}.gallery-controls{display:flex;gap:11px}.circle-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:21px;font-weight:400;transition:transform .2s}.circle-button:hover:not(:disabled){transform:translateY(-2px)}.gallery{display:flex;gap:21px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c7cdca transparent;padding:5px 2px 24px}.gallery-item{flex:0 0 266px;min-width:0;text-align:left;background:none;padding:0;scroll-snap-align:start}.gallery-frame{height:400px;background:#fff;border-radius:26px;padding:24px 16px;display:flex;align-items:center;justify-content:center}.gallery-frame img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}.gallery-item:hover .gallery-frame img{transform:translateY(-3px) scale(1.025)}.gallery-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:15px;font-weight:500;padding:18px 5px 0;line-height:1.3}.gallery-caption span{color:#888890;font-size:17px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.faq h2{font-size:48px;letter-spacing:-1.8px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}.faq details:first-child{padding-top:0}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;list-style:none;font-size:19px;font-weight:500;line-height:1.4}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:25px;color:#929298;font-weight:300;transition:transform .25s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:17px;line-height:1.55;margin-top:18px;max-width:480px}.closing{text-align:center;border-radius:34px;background:var(--wash);padding:70px 25px 65px}.closing .store-badge{margin:34px auto 0;gap:10px}.closing .store-badge img{width:152px}.closing .store-badge>span{font-size:12px}.footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:50px;margin-top:25px}.footer .logo,.footer .app-logo{width:112px;height:44px}.footer p{font-size:12px;font-weight:400;margin-top:10px}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.footer-right>a{font-size:13px}.footer-right>span{font-size:11px;color:#9a9aa0}.reveal{opacity:1;transform:none}.reveal.is-pending{opacity:0;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}dialog{border:1px solid #ffffffef;border-radius:28px;padding:0;background:#fcfcfdee;box-shadow:0 25px 120px #142a2438;width:min(740px,calc(100% - 32px));max-height:94dvh;backdrop-filter:blur(30px)}dialog::backdrop{background:#2733327d;backdrop-filter:blur(13px)}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 21px;font-size:15px;line-height:1.3}.lightbox-toolbar .circle-button{width:34px;height:34px;font-size:25px}.lightbox-image-wrap{height:calc(94dvh - 135px);max-height:800px;min-height:200px;padding:10px 25px;display:flex;align-items:center;justify-content:center}.lightbox-image-wrap img{height:100%;width:100%;object-fit:contain}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;font-size:12px}.lightbox-bottom .plain-link{font-size:14px}.modal-open{overflow:hidden}#store-dialog{max-width:460px;padding:55px 34px 40px;text-align:center}.store-close{position:absolute;top:15px;right:15px;width:33px;height:33px;font-size:25px}.store-dialog-mark{font-family:var(--display);font-size:43px;font-weight:700;letter-spacing:-2px;margin-bottom:28px}.store-dialog-mark span{color:var(--teal)}#store-dialog h2{font-size:44px;letter-spacing:-1.7px}#store-dialog p{font-size:18px;margin:24px auto 30px;max-width:320px}#store-dialog .glass-button{font-size:14px;gap:20px}
@media(min-width:1700px){.hero{gap:36px}.hero h1{font-size:110px}.hero-copy>p{font-size:29px}.overview-stage{min-height:650px}.overview-product{height:535px}}
@media(min-width:901px) and (max-height:850px){.header{height:80px}.hero{height:calc(100svh - 98px);min-height:545px;padding-block:10px 25px}.hero h1{font-size:clamp(70px,11.5svh,95px)}.hero-copy>p{font-size:25px;margin-top:24px}.hero-actions{margin-top:25px}.hero-product{max-height:100%}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero-copy{padding-left:12px}.hero h1{font-size:86px;letter-spacing:-4px}.hero-copy>p{font-size:24px}.hero-actions{gap:22px}.glass-button{font-size:15px;gap:19px;padding:16px 22px}.hero .plain-link{font-size:15px}.overview-stage{padding:25px 30px;gap:15px}.overview-copy{padding-left:10px}.overview-copy h3{font-size:34px}.overview-copy p{font-size:20px}.overview-product{height:470px}.tab{padding:11px 21px}.exercise-feature{padding:28px 28px 28px 36px;gap:15px}.feature-copy h3{font-size:34px}.feature-copy p{font-size:21px}.feature-card{height:620px;padding:32px 25px 55px}.card-heading h3{font-size:33px}.health-inner{gap:35px}.health .feature-copy{padding-left:18px}.gallery-item{flex-basis:245px}.gallery-frame{height:380px}.faq{gap:55px}.faq h2{font-size:44px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{height:82px}.logo,.app-logo{width:116px;height:46px}.store-badge img{width:132px}.hero{min-height:545px;max-height:650px;height:calc(100svh - 110px);gap:5px}.hero-copy{padding-left:0}.hero h1{font-size:69px;letter-spacing:-3.6px}.hero-copy>p{font-size:21px;margin-top:22px}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:24px}.hero .plain-link{font-size:14px}.glass-button{font-size:14px;padding:14px 20px;min-height:49px;gap:17px}.section{padding-block:75px}.section-heading{margin-bottom:38px}.section-heading p{font-size:21px}.overview-stage{min-height:550px;padding:23px 26px;column-gap:5px}.overview-copy{padding-left:0}.overview-copy h3{font-size:30px}.overview-copy p{font-size:19px}.overview-copy .plain-link{font-size:16px}.overview-product{height:420px;padding:0}.tab{font-size:14px;padding:10px 19px}.exercise-feature{grid-template-columns:.9fr 1.1fr;padding:28px 25px;min-height:470px}.feature-copy h3{font-size:30px}.feature-copy p{font-size:19px}.feature-copy .plain-link{font-size:16px}.exercise-feature>.product-button{height:420px}.training-pair,.progress-grid{gap:18px}.feature-card{height:570px;padding:28px 22px 56px}.card-heading{padding-left:0}.card-heading h3{font-size:29px}.card-heading p{font-size:17px}.nutrition-product{height:550px}.health-inner{gap:25px}.health h2{font-size:46px}.health .feature-copy{padding-left:0}.health-product{height:500px}.health .feature-copy p{font-size:20px}.gallery-heading h2{font-size:48px}.gallery-item{flex-basis:235px}.gallery-frame{height:365px}.faq{gap:35px}.faq h2{font-size:39px}.faq summary{font-size:17px}.faq details p{font-size:16px}.closing{padding:60px 20px}.closing h2{font-size:50px}}
@media(max-width:600px){.wrap{width:calc(100% - 42px)}.header{height:84px}.logo,.app-logo{width:109px;height:43px}.store-badge img{width:123px}.store-badge>span{font-size:9px}.hero{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0;gap:24px;padding-block:24px 28px;text-align:center}.hero-copy{width:100%;padding:0}.hero h1{font-size:clamp(62px,17vw,80px);letter-spacing:-3.5px;line-height:1.03}.hero-copy>p{font-size:23px;letter-spacing:-.4px;margin-top:23px}.hero-actions{justify-content:center;gap:25px;margin-top:24px}.hero .plain-link{font-size:14px}.hero-product{height:430px;max-width:410px;width:100%}.hero-product img{object-fit:contain}.section{padding-block:65px}h2{font-size:41px;letter-spacing:-1.7px;line-height:1.08}.section-heading{margin-bottom:32px}.section-heading p{font-size:20px;margin-top:22px;max-width:325px}.overview{padding-top:45px}.overview-stage{display:flex;flex-direction:column;min-height:0;padding:30px 21px 20px;border-radius:26px;gap:0}.overview-copy{width:100%;text-align:center;padding:0}.overview-copy h3{font-size:30px;max-width:300px;margin:auto}.overview-copy p{font-size:19px;max-width:290px;margin:19px auto 0}.overview-copy .plain-link{font-size:16px;margin-top:20px}.overview-product{height:385px;width:100%;padding:12px 0 0}.segmented{width:100%;justify-content:space-between;gap:0;padding:5px;margin-top:14px}.tab{font-size:12px;padding:11px 12px}.exercise-feature{display:flex;flex-direction:column;gap:20px;padding:30px 24px 24px;border-radius:26px;min-height:0}.feature-copy{width:100%}.feature-copy h3{font-size:31px}.feature-copy p{font-size:20px;margin-top:20px}.feature-copy .plain-link{font-size:16px;margin-top:22px}.exercise-feature>.product-button{height:390px;width:100%}.training-pair,.progress-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.feature-card{height:630px;border-radius:26px;padding:31px 26px 57px}.card-heading h3{font-size:33px;letter-spacing:-1.1px}.card-heading p{font-size:19px}.feature-card>.product-button{padding:18px 4px 0}.plus-button{width:37px;height:37px;font-size:23px;bottom:18px;right:19px}.nutrition-product{height:520px;width:100%;max-width:390px}.nutrition .section-heading{margin-bottom:25px}.health{padding-block:55px}.health-inner{display:flex;flex-direction:column;gap:30px}.health .feature-copy{padding:0;text-align:center}.health h2{font-size:42px}.health .feature-copy p{font-size:20px;margin-inline:auto}.health-product{height:490px;max-width:380px}.progress-grid{margin-top:0}.gallery-heading{align-items:flex-end;gap:20px;margin-bottom:32px}.gallery-heading h2{font-size:39px;letter-spacing:-1.6px}.gallery-heading p{font-size:18px;margin-top:20px}.gallery-controls{gap:7px;padding-bottom:1px}.circle-button{width:35px;height:35px;font-size:18px}.gallery{margin-right:-21px;padding-right:21px;gap:16px}.gallery-item{flex-basis:230px}.gallery-frame{height:355px;border-radius:22px;padding:20px 13px}.gallery-caption{font-size:14px;padding-top:15px}.faq{display:flex;flex-direction:column;gap:32px}.faq h2{font-size:39px}.faq-items{width:100%}.faq summary{font-size:17px}.faq details p{font-size:16px}.closing{padding:50px 20px;border-radius:26px}.closing h2{font-size:41px;letter-spacing:-1.7px}.closing .store-badge{margin-top:28px}.closing .store-badge img{width:142px}.footer{align-items:flex-start;padding-block:35px;gap:25px;margin-top:15px}.footer .logo,.footer .app-logo{width:98px;height:38px}.footer p{font-size:10px;margin-top:9px}.footer-right{max-width:170px;gap:12px;text-align:right;padding-top:5px}.footer-right>a{font-size:11px;line-height:1.4}.footer-right>span{font-size:9px;line-height:1.5}.lightbox-toolbar{font-size:13px;padding:13px 15px}.lightbox-image-wrap{padding:10px 12px;height:calc(92dvh - 135px)}.lightbox-bottom{padding:16px;font-size:11px}.lightbox-bottom .plain-link{font-size:12px}#store-dialog{padding:50px 25px 34px}#store-dialog h2{font-size:39px}#store-dialog p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal.is-pending{opacity:1;transform:none}}@media(prefers-reduced-transparency:reduce){.glass,.glass-button{background:#f2f6f4;backdrop-filter:none;-webkit-backdrop-filter:none}dialog{background:#fff;backdrop-filter:none}}

/* Logo oficial con firma: proporción intrínseca y espacio reservado para evitar saltos. */
.logo{width:166px;height:auto;overflow:visible;line-height:0;flex-shrink:0}
.app-logo{display:block;width:100%;height:auto;mix-blend-mode:normal;object-fit:contain}
.footer .logo{width:150px;height:auto}.footer .app-logo{width:100%;height:auto}
.hero-actions{flex-wrap:wrap}
@media(max-width:800px){.header .logo{width:150px}}
@media(max-width:600px){.header .logo{width:136px}.footer .logo{width:122px}.header .app-logo,.footer .app-logo{width:100%;height:auto}}
@media(max-width:360px){.segmented{padding:4px}.tab{font-size:11px;padding:10px 6px}}
/* Logo con símbolo (1000x290): misma altura que el anterior sin símbolo. */
.logo{width:216px}.footer .logo{width:195px}
@media(max-width:800px){.header .logo{width:195px}}
@media(max-width:600px){.header .logo{width:176px}.footer .logo{width:158px}}
@media(max-width:360px){.header .logo{width:140px}}
/* Enlaces del pie: novedades, soporte y textos legales. */
.footer{flex-wrap:wrap}.footer-links{flex-basis:100%;display:flex;flex-wrap:wrap;gap:10px 26px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;font-weight:500}
.footer-links a{color:#6c6c72;transition:color .2s}.footer-links a:hover{color:var(--teal)}
@media(max-width:600px){.footer-links{gap:10px 18px;font-size:12px;padding-top:18px}}
.footer>div:first-child{flex:0 1 auto;min-width:0}.footer-right{flex:1 1 0;min-width:0}
/* Disponible para iPhone Duo: galería estática con visor propio (duo.js). */
.duo-section{overflow:hidden}.duo-chip{display:inline-block;margin-bottom:16px;padding:6px 14px;border-radius:100px;background:#e3f3f1;color:var(--teal);font-size:14px;font-weight:600;letter-spacing:.2px}
.duo-item{flex:0 0 300px;min-width:0;padding:0;background:none;text-align:left;scroll-snap-align:start}
.duo-item img{width:100%;height:auto;border-radius:24px;box-shadow:0 2px 6px #1d3a320d,0 12px 32px #1d3a3214;transition:transform .5s var(--ease)}
.duo-item:hover img{transform:translateY(-3px) scale(1.01)}
@media(max-width:1100px){.duo-item{flex-basis:270px}}
@media(max-width:600px){.duo-item{flex-basis:230px}.duo-chip{font-size:12px;margin-bottom:12px}}
/* Galerías sin barra de desplazamiento: puntos sobre una cápsula de cristal (galerias.js). */
.gallery{scrollbar-width:none;-ms-overflow-style:none}.gallery::-webkit-scrollbar{display:none}
.glass-dots{display:flex;align-items:center;justify-content:center;gap:2px;width:max-content;max-width:100%;margin:4px auto 0;padding:6px 10px;border-radius:100px}
.glass-dot{position:relative;width:14px;height:22px;padding:0;background:none;border-radius:100px;transition:width .45s var(--ease)}
.glass-dot::before{content:"";position:absolute;inset:7px 3px;border-radius:100px;background:#1d1d1f2b;box-shadow:inset 0 1px 1px #ffffff80;transition:background .3s,box-shadow .3s}
.glass-dot:hover::before{background:#1d1d1f4d}
.glass-dot.on{width:30px}.glass-dot.on::before{background:linear-gradient(135deg,#19b3a8,var(--teal));box-shadow:inset 0 1px 1px #ffffff99,0 2px 6px #008f8740}
.glass-dot:focus-visible{outline-offset:2px}
@media(max-width:600px){.glass-dot{width:12px}.glass-dot.on{width:24px}}
/* Lema encima del titular de portada (misma cápsula que «Nuevo · iPhone Duo»). */
.hero-eyebrow{display:inline-block;margin-bottom:22px;padding:7px 15px;border-radius:100px;background:#e3f3f1;color:var(--teal);font-size:15px;font-weight:600;letter-spacing:.2px;line-height:1.2}
@media(min-width:901px) and (max-height:850px){.hero-eyebrow{margin-bottom:14px;font-size:14px;padding:6px 13px}}
@media(max-width:600px){.hero-eyebrow{font-size:13px;margin-bottom:16px}}
