@font-face{font-family:"InterVar";src:url(/assets/fonts/inter-var-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#1d1d1f;--ink2:#6e6e73;--line:#d2d2d7;--gray:#f5f5f7;--accent:#0b6e63;--accent-h:#085a51;--tint:#e7f3f1;--accent-d:#4fc3b2;--r:28px;--max:980px;--wide:1200px;--pad:22px;--ease:cubic-bezier(.25,.7,.25,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:64px}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","InterVar","Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.47059;font-weight:400;letter-spacing:-.022em;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}
img{max-width:100%;height:auto;display:block}
picture{display:block}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:.18em}
h1,h2,h3,h4{margin:0;font-weight:600;color:inherit;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:10px 16px;border-radius:980px;color:var(--ink)}
.skip:focus{left:12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.wrap.wide{max-width:var(--wide)}
.wrap.narrow{max-width:740px}
.center{text-align:center}

/* ---------- Typography ---------- */
.h-hero{font-size:clamp(40px,6vw,80px);line-height:1.05;letter-spacing:-.025em}
.h-sec{font-size:clamp(32px,4.6vw,56px);line-height:1.07;letter-spacing:-.022em}
.h-big{font-size:clamp(36px,5.4vw,72px);line-height:1.05;letter-spacing:-.025em}
.h-tile{font-size:clamp(24px,2.3vw,32px);line-height:1.125;letter-spacing:-.02em}
.h-sm{font-size:21px;line-height:1.19;letter-spacing:-.015em}
.eyebrow{display:block;font-size:clamp(17px,1.6vw,21px);line-height:1.2;font-weight:600;color:var(--accent);margin-bottom:12px;letter-spacing:-.01em}
.lede{font-size:clamp(19px,2.1vw,28px);line-height:1.2;letter-spacing:-.016em;font-weight:400}
.mute{color:var(--ink2)}
.dark .mute{color:#a1a1a6}
.small{font-size:14px;line-height:1.43;letter-spacing:-.016em}
.fine{font-size:12px;line-height:1.33;letter-spacing:-.01em;color:var(--ink2)}
.ph{font:inherit}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border-radius:980px;background:var(--accent);color:#fff;font-size:17px;line-height:1.17;font-weight:400;letter-spacing:-.022em;border:0;cursor:pointer;transition:background .2s var(--ease)}
.btn:hover{background:var(--accent-h);text-decoration:none}
.btn.lg{min-height:52px;padding:15px 28px}
.btn.light{background:#fff;color:var(--ink)}
.btn.light:hover{background:#e8e8ed}
.more{font-size:17px;letter-spacing:-.022em;color:var(--accent);white-space:nowrap}
.more::after{content:"\203A";display:inline-block;margin-left:.32em;font-size:1.25em;line-height:0;position:relative;top:.06em;transition:transform .2s var(--ease)}
.more:hover::after{transform:translateX(3px)}
.dark .more,.dark a:not(.btn){color:var(--accent-d)}
.ctas{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;margin-top:32px}
.center .ctas,.ctas.c{justify-content:center}

/* ---------- Global nav ---------- */
.gn{position:sticky;top:0;z-index:60;height:52px;background:rgba(251,251,253,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}
.gn-in{max-width:1068px;height:100%;margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px}
.gn-logo{font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--ink);white-space:nowrap;display:flex;align-items:center;gap:8px}
.gn-logo:hover{text-decoration:none}
.gn-logo svg{width:18px;height:18px;flex:none}
.gn-links{display:flex;gap:clamp(18px,2.2vw,30px);list-style:none;white-space:nowrap}
.gn-links a{font-size:13px;letter-spacing:-.01em;color:rgba(0,0,0,.8);transition:color .2s}
.gn-links a:hover{color:var(--ink);text-decoration:none}
.gn-links a[aria-current=page]{color:var(--ink);font-weight:600}
.gn-cta{font-size:12px;min-height:28px;padding:5px 14px}
.gn-burger{display:none;width:44px;height:44px;margin-right:-12px;border:0;background:none;cursor:pointer;position:relative}
.gn-burger span{position:absolute;left:14px;width:16px;height:1.5px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),top .3s var(--ease)}
.gn-burger span:first-child{top:18px}.gn-burger span:last-child{top:25px}
.gn.open .gn-burger span:first-child{top:21.5px;transform:rotate(45deg)}
.gn.open .gn-burger span:last-child{top:21.5px;transform:rotate(-45deg)}
@media (max-width:900px){
 .gn{height:48px}
 .gn-burger{display:block}
 .gn-cta{display:none}
 .gn-links{position:fixed;inset:48px 0 0 0;display:flex;flex-direction:column;gap:0;padding:20px 40px 40px;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s;overflow:auto}
 .gn.open .gn-links{visibility:visible;opacity:1;transform:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
 .gn-links a{display:block;font-size:28px;line-height:1.14;font-weight:600;letter-spacing:-.02em;color:var(--ink);padding:10px 0}
 .gn-links li.m-cta{margin-top:24px}
 .gn-links li.m-cta a{font-size:17px;font-weight:400;color:#fff;display:inline-flex;padding:13px 26px}
 body.nav-open{overflow:hidden}
}
@media (min-width:901px){.gn-links li.m-cta{display:none}}

/* ---------- Breadcrumb ---------- */
.bc{max-width:1068px;margin:0 auto;padding:14px var(--pad) 0;font-size:12px;color:var(--ink2);letter-spacing:-.01em}
.bc a{color:var(--ink2)}
.bc a:hover{color:var(--ink)}
.bc span[aria-hidden]{margin:0 8px;opacity:.6}

/* ---------- Sections ---------- */
.sec{padding:clamp(80px,10vw,144px) 0}
.sec.tight{padding:clamp(56px,7vw,96px) 0}
.sec.gray{background:var(--gray)}
.sec.dark{background:#000;color:#f5f5f7}
.gray+.cta-final{}
.sec+.sec:not(.gray):not(.dark){}
.head{max-width:840px;margin:0 auto clamp(48px,6vw,80px);text-align:center}
.head .lede{margin-top:20px}
.head.left{text-align:left;margin-left:0}

/* ---------- Hero ---------- */
.hero{padding:clamp(56px,8vw,112px) 0 0;text-align:center}
.hero .wrap{max-width:1068px}
.hero h1{max-width:960px;margin:0 auto}
.hero .lede{max-width:720px;margin:24px auto 0;color:var(--ink)}
.hero.sub .lede{color:var(--ink2)}
.hero-media{margin-top:clamp(48px,6vw,80px)}
.hero-media img{width:100%;height:auto;object-fit:cover}
.hero-media.round{max-width:calc(var(--wide) + 2*var(--pad));margin-left:auto;margin-right:auto;padding:0 var(--pad)}
.hero-media.round img{border-radius:var(--r)}
.hero.no-media{padding-bottom:clamp(56px,8vw,112px)}

/* ---------- Tiles ---------- */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tiles.two{grid-template-columns:repeat(2,1fr)}
.tile{background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.gray .tile{background:#fff}
.sec:not(.gray) .tile{background:var(--gray)}
.tile-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.tile-body{padding:32px 32px 40px}
.tile-body p{margin-top:12px;color:var(--ink2)}
.tile-body .more{display:inline-block;margin-top:18px}
.tile.text .tile-body{padding:40px}
.tile a.cover{color:inherit}
.tile a.cover:hover{text-decoration:none}
.tile a.cover:hover h2,.tile a.cover:hover h3{color:var(--accent)}
.tile.link-tile .tile-media img{aspect-ratio:16/10;transition:transform 1s var(--ease)}
.tile.link-tile:hover .tile-media img{transform:scale(1.03)}
@media (max-width:834px){
 .tiles.scroll{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 calc(-1*var(--pad));padding:0 var(--pad);scroll-padding:0 var(--pad);scrollbar-width:none}
 .tiles.scroll::-webkit-scrollbar{display:none}
 .tiles.scroll .tile{scroll-snap-align:start}
 .tiles:not(.scroll),.tiles.two{grid-template-columns:1fr}
 .tile-body{padding:28px 28px 32px}
 .tile.text .tile-body{padding:32px 28px}
}

/* ---------- Split ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.split.rev .split-media{order:-1}
.split-media img{width:100%;border-radius:var(--r);aspect-ratio:4/5;object-fit:cover}
.split-media.wide img{aspect-ratio:16/10}
.split-text .lede{margin-top:20px}
.split-text p+p{margin-top:16px}
@media (max-width:834px){.split{grid-template-columns:1fr}.split.rev .split-media{order:0}.split-media{order:2}}

/* ---------- Media band ---------- */
.band img{width:100%;border-radius:var(--r);aspect-ratio:16/9;object-fit:cover}
.band.full img{border-radius:0}
@media (max-width:734px){.band img{aspect-ratio:4/5}}

/* ---------- Plans (compare) ---------- */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px;text-align:center}
.plan{background:var(--gray);border-radius:var(--r);padding:48px 32px 44px;display:flex;flex-direction:column;align-items:center}
@supports (grid-template-rows:subgrid){@media (min-width:901px){.plans{grid-template-rows:repeat(8,auto)}.plan{display:grid;grid-row:span 8;grid-template-rows:subgrid;justify-items:center;align-content:start}.plan .desc{align-self:start}.plan ul,.plan .ctas{justify-self:stretch;align-self:start}}}
.gray .plan{background:#fff}
.plan .tag{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent);min-height:16px}
.plan .num{font-size:14px;color:var(--ink2);margin-top:28px}
.plan h3{font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:-.022em;margin-top:6px}
.plan .desc{margin-top:14px;color:var(--ink2);max-width:300px}
.plan .price{margin-top:24px;font-size:21px;font-weight:600;letter-spacing:-.015em}
.plan .price small{display:block;font-size:14px;font-weight:400;color:var(--ink2);margin-top:4px}
.plan .ctas{margin-top:24px;flex-direction:column;gap:14px}
.plan ul{list-style:none;margin-top:32px;padding-top:28px;border-top:1px solid var(--line);width:100%}
.plan li{padding:9px 0;font-size:15px;color:var(--ink)}
.plan li+li{border-top:1px solid rgba(0,0,0,.05)}
@media (max-width:900px){.plans{grid-template-columns:1fr;max-width:520px;margin:0 auto}}

/* ---------- Steps ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 32px;list-style:none;counter-reset:s}
.steps.three{grid-template-columns:repeat(3,1fr)}
.steps li{border-top:1px solid var(--line);padding-top:24px}
.dark .steps li{border-color:#333336}
.steps .n{display:block;font-size:14px;font-weight:600;color:var(--accent);margin-bottom:28px;font-variant-numeric:tabular-nums}
.dark .steps .n{color:var(--accent-d)}
.steps h3{font-size:21px;line-height:1.19;letter-spacing:-.015em}
.steps p{margin-top:10px;color:var(--ink2)}
.dark .steps p{color:#a1a1a6}
@media (max-width:900px){.steps,.steps.three{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps,.steps.three{grid-template-columns:1fr;gap:32px}.steps .n{margin-bottom:12px}}

/* ---------- Link list (zones) ---------- */
.links{list-style:none;border-top:1px solid var(--line)}
.links li{border-bottom:1px solid var(--line)}
.links a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 4px;color:var(--ink)}
.links a:hover{text-decoration:none}
.links a:hover .t{color:var(--accent)}
.links .t{font-size:clamp(21px,2.4vw,32px);line-height:1.12;font-weight:600;letter-spacing:-.02em;transition:color .2s}
.links .s{display:block;font-size:15px;color:var(--ink2);margin-top:6px;font-weight:400;letter-spacing:-.016em}
.links .chev{font-size:30px;color:var(--accent);line-height:1;transition:transform .25s var(--ease);flex:none}
.links a:hover .chev{transform:translateX(4px)}

/* ---------- Checklist ---------- */
.checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.checks li{padding:18px 0 18px 34px;border-bottom:1px solid var(--line);position:relative}
.checks li::before{content:"";position:absolute;left:2px;top:23px;width:16px;height:8px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
@media (max-width:734px){.checks{grid-template-columns:1fr}}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:0 auto;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-size:clamp(19px,1.8vw,24px);line-height:1.2;font-weight:600;letter-spacing:-.018em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--ink2);border-bottom:2px solid var(--ink2);transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.faq details p{padding:0 48px 28px 0;color:var(--ink2);font-size:17px}

/* ---------- Prose (articles / legal) ---------- */
.prose{font-size:19px;line-height:1.58;letter-spacing:-.012em}
.prose>*+*{margin-top:24px}
.prose h2{font-size:clamp(26px,2.6vw,32px);line-height:1.15;letter-spacing:-.02em;margin-top:64px}
.prose h3{font-size:21px;margin-top:40px}
.prose ul,.prose ol{padding-left:1.2em}
.prose li{margin-top:10px;padding-left:4px}
.prose li::marker{color:var(--accent)}
.prose .note{font-size:15px;color:var(--ink2);border-left:2px solid var(--accent);padding-left:16px}
.meta{margin-top:24px;font-size:14px;color:var(--ink2)}
.article-head{text-align:center;padding:clamp(48px,7vw,96px) 0 clamp(40px,5vw,64px)}
.article-head .eyebrow{font-size:14px}
.article-head h1{font-size:clamp(34px,4.8vw,56px);line-height:1.08;letter-spacing:-.024em;max-width:860px;margin:0 auto}
.article-head .lede{margin:24px auto 0;max-width:700px;color:var(--ink2);font-size:clamp(19px,1.9vw,24px);line-height:1.3}
.cta-card{margin-top:72px;background:var(--gray);border-radius:var(--r);padding:48px 40px;text-align:center}
.cta-card h2{margin-top:0;font-size:clamp(26px,2.6vw,32px)}
.cta-card p{margin-top:12px;color:var(--ink2);font-size:17px}

/* ---------- Contact ---------- */
.contact{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(40px,6vw,96px);align-items:start}
.contact-aside h1{font-size:clamp(40px,5.4vw,72px);line-height:1.05;letter-spacing:-.025em}
.contact-aside .lede{margin-top:20px;color:var(--ink2)}
.channels{list-style:none;margin-top:40px;border-top:1px solid var(--line)}
.channels li{border-bottom:1px solid var(--line)}
.channels a{display:flex;justify-content:space-between;align-items:center;padding:20px 0;color:var(--ink)}
.channels a:hover{text-decoration:none}
.channels a:hover b{color:var(--accent)}
.channels b{font-weight:600;font-size:19px;letter-spacing:-.016em;transition:color .2s}
.channels span{color:var(--ink2);font-size:15px}
.form{background:#fff;border-radius:var(--r);padding:clamp(28px,4vw,48px);box-shadow:0 2px 6px rgba(0,0,0,.03),0 12px 40px rgba(0,0,0,.06)}
.field{margin-top:20px}
.field:first-child{margin-top:0}
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.row2 .field:nth-child(2){margin-top:0}
input,select,textarea{width:100%;font:inherit;font-size:17px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;min-height:52px;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
textarea{min-height:128px;resize:vertical}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%236e6e73' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:44px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(11,110,99,.16)}
.check{display:flex;gap:12px;align-items:flex-start;margin-top:24px;font-size:14px;color:var(--ink2)}
.check input{width:20px;height:20px;min-height:0;padding:0;margin:1px 0 0;flex:none;border-radius:6px;accent-color:var(--accent);-webkit-appearance:checkbox;appearance:auto}
.form .btn{width:100%;margin-top:28px}
.form .fine{margin-top:16px;text-align:center}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
@media (max-width:480px){.row2{grid-template-columns:1fr}.row2 .field:nth-child(2){margin-top:20px}}

/* ---------- Facts / list rows ---------- */
.rows{list-style:none;border-top:1px solid var(--line)}
.rows li{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.rows b{font-weight:600}
.rows span{color:var(--ink2)}
@media (max-width:734px){.rows li{grid-template-columns:1fr;gap:4px}}

/* ---------- Statement ---------- */
.statement{font-size:clamp(28px,3.6vw,48px);line-height:1.12;letter-spacing:-.022em;font-weight:600;max-width:900px;margin:0 auto;text-align:center}
.statement em{font-style:normal;color:var(--ink2)}
.dark .statement em{color:#86868b}

/* ---------- Footer ---------- */
.gf{background:var(--gray);border-top:1px solid #e8e8ed;color:var(--ink2);font-size:12px;line-height:1.33;letter-spacing:-.01em;padding:40px 0 24px}
.gf .wrap{max-width:1068px}
.gf a{color:#424245}
.gf a:hover{color:var(--ink);text-decoration:underline}
.gf-intro{padding-bottom:18px;border-bottom:1px solid var(--line)}
.gf-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0 28px}
.gf-cols h2{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:10px;letter-spacing:-.01em}
.gf-cols ul{list-style:none}
.gf-cols li{margin-bottom:9px}
.gf-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}
.gf-legal{display:flex;flex-wrap:wrap;gap:0}
.gf-legal a{padding:0 10px;border-left:1px solid var(--line)}
.gf-legal a:first-child{padding-left:0;border-left:0}
@media (max-width:734px){.gf-cols{grid-template-columns:1fr 1fr;gap:28px 24px}.gf-bottom{flex-direction:column}}

/* ---------- WhatsApp ---------- */
.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:55;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(29,29,31,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .25s var(--ease),background .2s}
.fab:hover{transform:scale(1.06);background:#1d1d1f}
.fab svg{width:26px;height:26px;fill:#fff}
body.nav-open .fab{display:none}

/* ---------- 404 ---------- */
.nf{min-height:62vh;display:flex;align-items:center;text-align:center}
.nf .code{font-size:14px;font-weight:600;color:var(--accent);letter-spacing:.06em}

/* ---------- Reveal ---------- */

/* ---------- Un día en tu casa ---------- */
.day{background:#000;color:#f5f5f7;padding:clamp(96px,12vw,168px) 0 clamp(88px,11vw,152px)}
.day-head{max-width:880px;margin:0 auto;padding:0 var(--pad);text-align:center}
.day .eyebrow{color:var(--accent-d)}
.day-head .lede{color:#a1a1a6;margin:24px auto 0;max-width:620px}
.moments{list-style:none;margin:clamp(64px,8vw,112px) auto 0;padding:0 var(--pad);max-width:var(--wide);display:grid;gap:clamp(72px,9vw,136px)}
.moment figure{position:relative;margin:0;border-radius:var(--r);overflow:hidden;background:#111;isolation:isolate}
.moment .m-media{overflow:hidden}
.moment .m-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.moment .cap{position:absolute;left:0;right:0;bottom:0;padding:160px clamp(32px,4.5vw,64px) clamp(32px,4.5vw,60px);background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.5) 42%,rgba(0,0,0,0) 100%)}
.m-time{font-size:17px;line-height:1.2;font-weight:600;color:var(--accent-d);letter-spacing:.005em}
.m-time time{font-variant-numeric:tabular-nums;font-size:1.18em;margin-right:2px}
.moment h3{font-size:clamp(32px,4.4vw,60px);line-height:1.05;letter-spacing:-.026em;font-weight:600;margin-top:12px;max-width:18ch;color:#fff}
.moment .say{font-size:clamp(17px,1.45vw,21px);line-height:1.45;color:rgba(255,255,255,.88);max-width:31em;margin-top:16px}
.does{margin:22px 4px 0;font-size:15px;line-height:1.5;color:#a1a1a6;display:flex;gap:14px;align-items:baseline}
.does span{flex:none;font-size:11px;line-height:1;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f5f5f7;border:1px solid #48484a;border-radius:980px;padding:6px 11px 5px;transform:translateY(-1px)}
.day-more{margin-top:clamp(64px,8vw,112px)}
.day .more{color:var(--accent-d);font-size:clamp(17px,1.5vw,21px)}
.js .moment .m-media img{transform:scale(1.07);transition:transform 1.8s var(--ease)}
.js .moment.in .m-media img{transform:none}
@media (max-width:734px){
 .moment figure{overflow:visible;background:none;border-radius:0}
 .moment .m-media{border-radius:var(--r)}
 .moment .m-media img{aspect-ratio:4/5}
 .moment .cap{position:static;background:none;padding:28px 4px 0}
 .moment h3{font-size:34px;max-width:none}
 .moment .say{color:#d2d2d7}
 .does{flex-direction:column;gap:10px;margin-top:18px}
}
/* ---------- Casos de uso ---------- */
.chips-wrap{padding:clamp(48px,6vw,72px) var(--pad) 0;text-align:center}
.chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:0 auto}
.chips a{display:block;font-size:15px;line-height:1;padding:12px 20px;border-radius:980px;background:var(--gray);color:var(--ink);transition:background .2s,color .2s}
.chips a:hover{background:var(--tint);color:var(--accent);text-decoration:none}
.chips-note{margin-top:20px;font-size:14px;color:var(--ink2)}
.blk .head{margin-bottom:clamp(40px,5vw,64px)}
.blk-media{margin-bottom:clamp(20px,2.5vw,28px)}
.blk-media img{display:block;width:100%;height:auto;border-radius:var(--r)}
.scen .tile-body{display:flex;flex-direction:column;flex:1;padding:40px 40px 36px}
.scen .tile-body>p:first-of-type{margin-bottom:28px}
.scen .how{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:15px;line-height:1.5;color:var(--ink)}
.scen .how b{display:block;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink2);margin-bottom:8px}
.scen .pk{margin-top:16px;font-size:14px;color:var(--ink2)}
.scen .pk a{font-weight:600}
.steps h3 a{color:inherit}
.dark .steps h3 a:hover{color:var(--accent-d)}
.plan .uses{font-size:15px;margin-top:20px}
@media (max-width:734px){.scen .tile-body{padding:30px 26px 28px}}
@media (prefers-reduced-motion:reduce){.js .moment .m-media img{transform:none;transition:none}}
.js .rv{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js .rv.d1{transition-delay:.08s}.js .rv.d2{transition-delay:.16s}.js .rv.d3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}*{scroll-behavior:auto!important}.tile.link-tile:hover .tile-media img{transform:none}}

@media (max-width:734px){
 :root{--r:22px}
 body{font-size:17px}
 .sec{padding:72px 0}
 .hero{padding-top:48px}
 .ctas{gap:14px 28px}
}
@media (min-width:835px){.tiles.five{grid-template-columns:repeat(6,1fr)}.tiles.five>*{grid-column:span 2}.tiles.five>*:nth-child(-n+2){grid-column:span 3}}
.gn-cta{white-space:nowrap}
@media (min-width:901px) and (max-width:1060px){.gn-in{gap:16px}.gn-links{gap:16px}.gn-links a{font-size:12px}}