:root{--ink:#102d22;--green:#33e279;--muted:#617168;--paper:#f7f8f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #16ad59;outline-offset:5px}img{display:block;max-width:100%}.header{height:88px;background:#0b201a;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid #ffffff17}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:850;letter-spacing:-.8px;line-height:1.1}.brand img{border-radius:10px}.brand b{color:var(--green)}.brand small{display:block;font-size:7px;letter-spacing:1.7px;margin-top:7px;font-weight:500;color:#b6c6bc}.header nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:550}.nav-cta{border:1px solid #779183;padding:12px 18px;border-radius:6px}.menu{display:none}.hero{min-height:790px;position:relative;background:#0b201a;color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:75px 9% 105px;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#081c17 10%,#081c17e8 45%,#081c1760),linear-gradient(0deg,#081c17,transparent 70%),url('assets/estadio.jpg') center/cover;opacity:.9}.hero-copy,.hero-product{position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.4px;margin:0 0 22px;color:#32734e}.eyebrow.light{color:#83c99f}.hero .eyebrow{color:#a6d6b9;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;border-radius:50%;background:var(--green)}h1{font-size:clamp(56px,5.7vw,88px);line-height:1.04;letter-spacing:-4px;margin:0 0 25px;font-weight:780}em{font-style:normal;color:var(--green)}.intro{font-size:23px;line-height:1.4;letter-spacing:-.5px;margin:0 0 18px}.hero-description{color:#adbbb1;max-width:410px;font-size:14px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:21px;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:16px 22px;border-radius:6px;font-size:13px;font-weight:750;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.green{color:#092819;background:var(--green)}.green:hover{background:#75f6a5}.text-link{font-size:11px;border-bottom:1px solid #647c6c;padding-bottom:5px}.hero-facts{display:flex;flex-wrap:wrap;gap:16px;color:#b7c7bb;font-size:10px;margin-top:26px}.hero-facts span:before{content:'✓';color:var(--green);margin-right:6px}.hero-product{display:flex;flex-direction:column;align-items:center;padding-left:55px}.product-label{font-size:8px;letter-spacing:3px;color:#b0c1b5;position:absolute;top:28px;left:-55px;writing-mode:vertical-rl}.phone{width:264px;border:7px solid #1e3028;border-radius:38px;overflow:hidden;background:black;box-shadow:25px 32px 70px #0008;transform:rotate(5deg)}.phone img{width:100%;height:auto}.floating-note{position:absolute;bottom:32px;left:0;background:#f4f8f1;color:var(--ink);padding:16px 23px;display:flex;gap:14px;align-items:center;border:1px solid #c7e8d1;border-radius:9px;box-shadow:0 15px 45px #0004}.floating-note strong{font-size:12px}.floating-note small{display:block;font-size:9px;color:#64746b}.signal{font-size:30px;color:#26ae61}.scroll{position:absolute;bottom:22px;left:9%;right:9%;border-top:1px solid #ffffff24;padding-top:19px;color:#94ac9c;font-size:8px;letter-spacing:2px;display:flex;justify-content:space-between}.scroll span{font-size:18px}.benefit-strip{display:flex;justify-content:center;gap:6%;background:#e9efe4;border-bottom:1px solid #d9e2d7;padding:22px 4%;font-size:12px;font-weight:650}.benefit-strip span:first-child{font-size:9px;letter-spacing:1.5px;color:#6b7d70}.section{padding:100px 9%}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}h2{font-size:clamp(30px,3.1vw,46px);letter-spacing:-1.8px;line-height:1.15;margin:0;font-weight:750}h2 span{color:#7a8b7e}.section-head>p{font-size:13px;max-width:290px;color:var(--muted);margin:0 0 4px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-grid article{background:white;border:1px solid #dce4d8;border-radius:12px;padding:30px 26px 0;overflow:hidden}.feature-number{font-size:8px;letter-spacing:1.8px;color:#66846a;font-weight:700}h3{font-size:25px;line-height:1.25;letter-spacing:-.8px;margin:16px 0}.feature-grid p{font-size:12px;color:var(--muted);min-height:90px}.match-section{padding:85px 9%;display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#0e3024;color:#f4f8f1}.match-text>p:not(.eyebrow){font-size:13px;color:#b8cbbd;max-width:390px;margin-top:25px}.match-text ol{list-style:none;padding:0;counter-reset:steps;margin:30px 0}.match-text li{counter-increment:steps;position:relative;padding:14px 0 14px 40px;border-bottom:1px solid #ffffff18}.match-text li:before{content:'0' counter(steps);position:absolute;left:0;font-size:10px;color:#70ca8d;top:17px}.match-text li b{display:block;font-size:13px}.match-text li span{font-size:11px;color:#a7c0ad}.family{display:flex;gap:17px;margin-top:30px;align-items:center}.family>span{font-size:30px;color:var(--green)}.family p{font-size:11px;color:#9ebaa6}.family strong{font-size:12px;color:#d4e6d8}.match-visual{align-self:center}.visual-caption{font-size:9px;color:#9bb6a4;text-align:center;margin-top:25px}.offline-note{margin-top:35px;display:flex;gap:18px;border-top:1px solid #ffffff20;padding-top:20px}.offline-note>span{font-size:28px;color:var(--green)}.offline-note p{font-size:11px;color:#9dbba6}.offline-note b{color:#d3e4d7;font-size:12px}.ownership{text-align:center}.ownership h2{margin:auto}.ownership-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:left;margin-top:50px}.ownership-grid b{font-size:14px}.ownership-grid p{color:var(--muted);font-size:12px}.editions{background:#edf1e7}.edition-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.edition-grid article{padding:38px;border-radius:14px;border:1px solid #c9d6c6;background:#fff}.pill{font-size:8px;letter-spacing:1.4px;color:#28653b;background:#e7f4e3;border:1px solid #cee3c9;padding:8px 12px;border-radius:20px;display:inline-block}.edition-grid h3{font-size:32px;margin:22px 0 7px}.edition-grid p{font-size:13px;color:var(--muted)}.price{font-size:49px;letter-spacing:-2px;font-weight:750;margin:25px 0 20px}.price small{font-size:11px;letter-spacing:0;display:block;font-weight:400;color:#627b66}.edition-grid ul{list-style:none;padding:0;font-size:12px;line-height:2.3}.edition-grid li:before{content:'✓';color:#318e49;margin-right:10px}.edition-grid .availability{font-size:10px;line-height:1.7;margin:25px 0}.basic-edition .button{width:100%}.edition-grid .web-edition{background:#163c2b;color:#f1f8ec;position:relative;overflow:hidden}.web-edition p{color:#adc7b3}.web-edition .eyebrow{color:#a3d2ae}.outline{border:1px solid #82aa8c;color:#e0efe3;margin-top:25px}.web-monogram{font-size:150px;line-height:1;color:#ffffff0c;letter-spacing:-10px;margin-top:50px;font-weight:800}.web-monogram span{color:#5ddf8050;font-size:100px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq>div>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:25px}.faq a{color:#347b48}details{border-bottom:1px solid #d8e1d3;padding:20px 0}summary{font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:#438a50;font-size:20px;line-height:1}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);max-width:450px}.closing{padding:65px 9%;background:#102c20;color:white;text-align:center}.closing .button{margin-top:30px}.closing h2{font-size:40px}footer{padding:50px 9%;display:grid;grid-template-columns:1.4fr 1fr;gap:20px 50px;background:#091b14;color:#a4bbab}footer .brand{color:white;font-size:23px}footer>p{font-size:12px;margin:5px 0}footer nav{display:flex;gap:25px;font-size:12px}footer>small{font-size:9px;text-align:right;color:#738d7c}a:hover{color:#47c879}a.button:hover{color:#092819}.outline:hover{background:#fff}.brand:hover{color:white}
@media(min-width:1600px){.hero{padding-right:15%;padding-left:15%}.section,.match-section{padding-left:15%;padding-right:15%}}@media(max-width:1000px){.header{padding:0 5%}.header nav{gap:18px}.brand small{display:none}.hero{padding:60px 6% 90px;min-height:740px;gap:20px}.hero-product{padding-left:15px;justify-content:center}.product-label{display:none}.hero-facts{gap:9px}.section{padding:75px 6%}.match-section{padding:70px 6%;gap:40px}.floating-note{left:-20px;bottom:25px;padding:13px}.feature-grid{gap:12px}.feature-grid article{padding:24px 18px 0}.feature-grid h3{font-size:22px}.benefit-strip{gap:5%;font-size:10px}.ownership-grid{grid-template-columns:repeat(2,1fr)}.edition-grid article{padding:28px}.faq{gap:40px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:74px}.brand{font-size:21px}.brand img{width:37px;height:37px}.menu{display:block;border:1px solid #5a7c66;background:transparent;color:white;border-radius:6px;padding:5px 11px;font-size:20px}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#102c20;padding:25px 6%;z-index:9;flex-direction:column;align-items:stretch;gap:20px}.header nav.open{display:flex}.hero{grid-template-columns:1fr;padding:42px 7% 75px;min-height:auto;gap:45px}.hero-image{background:linear-gradient(#081c17c7,#081c17f0),url('assets/estadio.jpg') center/cover}h1{font-size:61px;letter-spacing:-3px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.intro{font-size:21px}.hero-description{font-size:13px}.actions{gap:18px}.hero-facts{font-size:9px;margin-top:24px}.hero-product{padding:0 0 20px}.phone{width:227px;transform:rotate(3deg)}.floating-note{left:calc(50% - 155px);bottom:0}.scroll{left:7%;right:7%;font-size:6px;letter-spacing:1px}.benefit-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:12px;padding:22px}.benefit-strip span:first-child{grid-column:1/-1}.section{padding:60px 7%}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px;max-width:100%}h2{font-size:34px;letter-spacing:-1.3px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-grid article{padding:25px 25px 0}.feature-grid h3{font-size:26px}.feature-grid p{min-height:0;font-size:13px}.mini-pitch,.document-mini,.bars{margin-left:18px;margin-right:18px}.match-section{grid-template-columns:1fr;padding:60px 7%;gap:40px}.score-demo{padding:25px 20px}.teams b{font-size:40px}.clock{font-size:55px}.ownership-grid{gap:20px;margin-top:32px}.ownership-grid b{font-size:13px}.ownership-grid p{font-size:11px}.edition-grid{grid-template-columns:1fr}.edition-grid article{padding:27px}.edition-grid h3{font-size:29px}.web-monogram{font-size:100px;margin-top:30px}.web-monogram span{font-size:70px}.faq{grid-template-columns:1fr;gap:20px}summary{font-size:13px}.closing{padding:55px 7%}.closing h2{font-size:32px}footer{padding:38px 7%;grid-template-columns:1fr;gap:20px}footer small{text-align:left}footer nav{flex-wrap:wrap}.feature-grid article p{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Capturas reales facilitadas por el titular, 3 noviembre 2026. */
.shot-open{display:block;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;font:inherit;width:100%;text-align:left}.feature-shot{height:290px;position:relative;overflow:hidden;border:1px solid #d6e2d3;border-bottom:0;border-radius:12px 12px 0 0;margin-top:22px;background:#f0f4ee}.feature-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.feature-shot:after{content:'';position:absolute;bottom:0;left:0;right:0;height:65px;background:linear-gradient(transparent,#eff5ee)}.feature-shot>span,.live-shot>span{position:absolute;bottom:10px;left:12px;right:12px;z-index:1;background:#113b29ed;color:#fff;font-size:10px;text-align:center;padding:9px;border-radius:5px}.live-shot{position:relative;max-width:280px;margin:auto;background:white;border:6px solid #345d44;border-radius:24px;overflow:hidden;box-shadow:0 20px 45px #0004;transform:rotate(2deg)}.live-shot img{height:460px;width:100%;object-fit:cover;object-position:top}.screenshots{padding-top:20px}.screenshots .section-head>div>p{font-size:12px;color:var(--muted);max-width:330px}.gallery-controls{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.gallery-controls button{width:42px;height:38px;border:1px solid #bacdbb;background:white;color:#245e37;border-radius:6px;cursor:pointer}.shots-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:15px 3px 25px;scrollbar-color:#79a27b #e5ecdf;scrollbar-width:thin}.shots-track figure{margin:0;flex:0 0 190px;scroll-snap-align:start}.shots-track .shot-open{border:1px solid #bccdbc;border-radius:17px;overflow:hidden;background:#0c2017;box-shadow:0 8px 18px #122d2114;transition:transform .2s}.shots-track .shot-open:hover{transform:translateY(-4px)}.shots-track img{width:100%;height:385px;object-fit:contain}.shots-track figcaption{padding:16px 3px}.shots-track figcaption b{display:block;font-size:13px}.shots-track figcaption span{display:block;font-size:10px;color:#6c7f6d;margin-top:4px;line-height:1.4}.viewing-shot{overflow:hidden}#shotDialog{width:min(760px,94vw);max-height:94dvh;padding:18px 24px;border:1px solid #bfd2c0;background:#f8faf6;color:#133424;border-radius:15px;overflow:auto;box-shadow:0 30px 100px #0008}#shotDialog::backdrop{background:#03140fd9;backdrop-filter:blur(6px)}.shot-dialog-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.shot-dialog-header b{font-size:19px}.shot-dialog-header small{display:block;color:#63776a;font-size:11px;margin-top:3px}.shot-dialog-header button,.shot-dialog-nav button{padding:10px 14px;border:1px solid #baceb9;background:#e6f0e2;border-radius:6px;cursor:pointer;color:#173e26;font-size:12px;white-space:nowrap}#shotImage{height:70dvh;width:100%;object-fit:contain}.shot-dialog-nav{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px}.hero-product .phone img{height:545px;object-fit:cover;object-position:top}
@media(max-width:1000px){.header nav{gap:14px}.header .brand small{display:none}.header .brand{font-size:21px}.header nav{font-size:12px}.nav-cta{padding:10px 12px}}
@media(max-width:700px){.feature-shot{height:330px}.screenshots{padding-top:10px}.gallery-controls{justify-content:flex-start}.shots-track figure{flex-basis:170px}.shots-track img{height:355px}.hero-product .phone img{height:465px}.live-shot{max-width:270px}#shotDialog{padding:16px 12px}.shot-dialog-header{gap:8px}.shot-dialog-header b{font-size:17px}.shot-dialog-header small{font-size:10px}#shotImage{height:65dvh}}
