:root{--ink:#061a35;--navy:#0b2f58;--teal:#008d83;--mint:#6fe3d9;--coral:#ff6755;--mist:#eff9f7;--muted:#5c6b79;--line:rgba(8,55,83,.13);--shadow:0 24px 70px rgba(9,45,79,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.site-nav{position:sticky;top:0;z-index:50;background:#fffd;backdrop-filter:blur(22px);border-bottom:1px solid #08375312}
.site-nav-inner{max-width:1180px;min-height:48px;margin:auto;padding:6px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:800;color:var(--navy);font-size:1rem}
.site-brand img{width:34px;height:34px;border-radius:10px}
.site-links{display:flex;align-items:center;justify-content:center;gap:6px 18px;min-height:36px;padding:5px 24px 7px;border-top:1px solid #0837530b;font-size:.84rem;font-weight:700;flex-wrap:wrap}
.site-links a,.site-menu a{text-decoration:none;color:#24425f}
.site-links a:hover,.site-menu a:hover{color:var(--teal)}
.site-menu{display:none;position:relative}
.site-menu summary{cursor:pointer;list-style:none;padding:10px 15px;border:1px solid var(--line);border-radius:99px;color:var(--navy);font-weight:800}
.site-menu summary::-webkit-details-marker{display:none}
.site-menu div{position:absolute;right:0;top:50px;min-width:220px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.site-menu a{display:block;padding:11px 12px;border-radius:10px;font-weight:750}
.legal-page{min-height:100vh;background:linear-gradient(155deg,#fff 10%,#f1faf8 58%,#e7f7f3)}
.page-hero{display:block;max-width:960px;margin:auto;padding:70px 28px 28px}
.page-kicker{color:var(--teal);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.13em}
.page-hero h1{margin:12px 0 14px;color:var(--navy);font-size:clamp(2.5rem,6vw,4.8rem);line-height:.98;letter-spacing:-.055em}
.page-hero p{max-width:760px;color:var(--muted);font-size:1.12rem;line-height:1.65}
.legal-content{max-width:960px;margin:0 auto 70px;padding:8px 28px 40px}
.legal-content>section,.legal-content>.content-card,.legal-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;margin:18px 0;box-shadow:0 14px 45px #08375312}
.legal-content h2{color:var(--navy);margin-top:30px}
.legal-content a{color:var(--teal);font-weight:750}
.download-page{min-height:100vh;background:var(--ink);color:#fff}
.download-page .page-hero{text-align:center;max-width:1050px}
.download-page .page-hero h1{color:#fff}
.download-page .page-hero p{margin-left:auto;margin-right:auto;color:#b9cad9}
.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:950px;margin:0 auto;padding:8px 28px 80px}
.store-card{display:flex;flex-direction:column;align-items:center;padding:30px;border:1px solid #ffffff25;border-radius:28px;background:#ffffff0d;text-align:center}
.store-card h2{margin:0 0 8px;font-size:1.8rem}.store-card p{min-height:44px;margin:0 0 20px;color:#b9cad9;line-height:1.5}
.store-qr{width:min(280px,78vw);padding:18px;border-radius:28px;background:#fff;box-shadow:0 25px 65px #0005}.store-qr img{display:block;width:100%;border-radius:12px}
.store-badge{display:flex;align-items:center;justify-content:center;min-height:62px;margin-top:20px}.store-badge img{display:block;max-height:58px;max-width:230px}
.store-visible-link{width:100%;margin-top:22px;padding:14px;border:1px solid #ffffff25;border-radius:14px;background:#001328;color:#d8e6ef;font-size:.82rem;line-height:1.5;overflow-wrap:anywhere;user-select:all}
.store-status{display:inline-block;margin-top:12px;padding:7px 11px;border-radius:99px;background:#6fe3d91a;color:var(--mint);font-size:.78rem;font-weight:800}
.site-footer{max-width:none;margin:0;background:var(--ink);color:#9eb0bf;text-align:center;padding:30px 24px;font-size:.84rem}
@media(max-width:920px){.site-links{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.site-links a{white-space:nowrap}.site-menu{display:none}}
@media(max-width:620px){.site-nav-inner{min-height:46px;padding:6px 16px}.site-links{padding:6px 16px 8px}.page-hero{padding:48px 20px 20px}.legal-content{padding:6px 18px 30px}.legal-content>section,.legal-content>.content-card,.legal-card{padding:22px;border-radius:19px}.store-grid{grid-template-columns:1fr;padding:6px 18px 60px}.store-card{padding:22px}}
/* Portada y campaña 2026 */
.hero-inner{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:64px;padding-top:64px}
.hero-copy{max-width:650px}
.hero h1{max-width:700px;font-size:clamp(3.2rem,6vw,5.8rem);line-height:.94;letter-spacing:-.065em;margin:22px 0}
.hero h1 span{margin-top:.08em}
.campaign-hero{position:relative;max-width:455px;margin:auto;padding:10px;border-radius:34px;background:#fff;box-shadow:0 34px 90px rgba(9,45,79,.18);transform:rotate(1deg)}
.campaign-hero>img{width:100%;border-radius:25px}
.campaign-hero-note{position:static;display:flex;align-items:center;gap:16px;margin:12px 2px 0;padding:17px 20px;border:1px solid #fff;border-radius:18px;background:#fffffff2;box-shadow:0 18px 45px #08375324;color:var(--navy)}
.campaign-hero-note strong{white-space:nowrap}.campaign-hero-note span{font-size:.86rem;color:var(--muted);line-height:1.35}
.feature-section{background:linear-gradient(180deg,#f7fcfb,#eaf7f4)}
.feature-head{max-width:760px;margin-bottom:42px}.feature-section .kicker{color:var(--teal)}
.feature-section h2{color:var(--navy);font-size:clamp(2.5rem,4.8vw,4.6rem)}
.feature-grid{gap:18px}.feature-grid .feature{position:relative;min-height:178px;padding:27px 26px 24px;border:1px solid rgba(8,55,83,.1);border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(9,45,79,.07);transition:transform .25s ease,box-shadow .25s ease}
.feature-grid .feature:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(9,45,79,.12)}
.feature-grid .num{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e2f6f2;color:var(--teal);letter-spacing:0}
.feature-grid .feature h3{margin:20px 0 8px;color:var(--navy);font-size:1.38rem}.feature-grid .feature p{color:var(--muted);line-height:1.5}
.campaign-section{background:#fff}.campaign-head{max-width:820px}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.campaign-grid figure{margin:0;padding:9px 9px 18px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 50px #08375317;overflow:hidden}
.campaign-grid figure:nth-child(2),.campaign-grid figure:nth-child(5){transform:translateY(34px)}
.campaign-grid img{width:100%;border-radius:20px}.campaign-grid figcaption{padding:15px 10px 0;color:var(--navy);font-weight:800;text-align:center}
.feature-highlight{display:grid;grid-template-columns:minmax(240px,390px) 1fr;gap:48px;align-items:center;margin-top:54px;padding:30px;border-radius:32px;background:linear-gradient(135deg,#fff,#f1faf8);box-shadow:0 20px 60px rgba(9,45,79,.09)}
.feature-highlight img{width:100%;border-radius:24px}.feature-highlight h3{margin:12px 0;font-size:clamp(1.8rem,3.4vw,3.1rem);line-height:1.05;letter-spacing:-.04em;color:var(--navy)}.feature-highlight p{color:var(--muted);font-size:1.05rem;line-height:1.6}
.campaign-shot{max-width:430px;margin:auto;padding:9px;border-radius:32px;background:#fff;box-shadow:var(--shadow)}.campaign-shot img{width:100%;border-radius:24px}
.privacy-intro .head{margin-bottom:34px}.privacy-shot{max-width:380px;margin-left:0}
.download-compact{padding:72px 24px 38px;background:var(--ink);color:#fff}.download-compact-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;max-width:1180px;margin:auto;padding:38px 42px;border:1px solid #ffffff24;border-radius:30px;background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.download-compact .kicker{color:var(--mint)}.download-compact h2{max-width:700px;margin:12px 0 10px;color:#fff;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.04}.download-compact p{max-width:680px;margin:0;color:#b9cad9;font-size:1.06rem;line-height:1.6}.download-compact-cta{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 28px;border-radius:999px;background:var(--mint);color:var(--ink);font-weight:900;text-decoration:none;white-space:nowrap}.download-compact .download-links{margin-top:34px}
.next-release{background:var(--ink);color:#fff}.next-release .kicker{color:var(--mint)}.next-release h2{color:#fff}.next-release .head p{color:#b9cad9}.release-ads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.release-ads figure{margin:0;padding:9px 9px 18px;border:1px solid #ffffff20;border-radius:24px;background:#ffffff0d}.release-ads img{width:100%;border-radius:17px}.release-ads figcaption{padding:15px 9px 0;color:#fff;font-weight:800;line-height:1.35}.release-note{margin:28px 0 0;color:#91a8ba;font-size:.88rem;line-height:1.55}.release-gallery{grid-template-columns:repeat(4,1fr)}
@media(max-width:920px){.hero-inner{grid-template-columns:1fr;gap:54px}.campaign-hero{max-width:430px}.campaign-grid{grid-template-columns:repeat(2,1fr)}.campaign-grid figure:nth-child(2),.campaign-grid figure:nth-child(5){transform:none}}
@media(max-width:920px){.feature-highlight{grid-template-columns:1fr}.feature-highlight img{max-width:380px;margin:auto}.privacy-shot{margin:auto}.download-compact-inner{grid-template-columns:1fr;gap:26px}.release-ads,.release-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hero h1{font-size:clamp(3rem,15vw,4.3rem)}.campaign-hero-note{position:static;margin:10px 2px 0;display:block}.campaign-hero-note strong,.campaign-hero-note span{display:block}.campaign-hero-note span{margin-top:5px}.feature-grid,.campaign-grid{grid-template-columns:1fr}.feature-grid .feature{min-height:0}.campaign-grid{gap:18px}.feature-highlight{padding:18px;gap:24px}.release-ads{grid-template-columns:1fr}.release-gallery{grid-template-columns:repeat(2,1fr)}}
