/* Diseño y desarrollo: Arn */
.menu-toggle{display:none}
.mobile-action-bar{display:none}
@media(max-width:980px){
 :root{--header-height:70px}
 .container{width:min(calc(100% - 36px),var(--container))}
 .desktop-nav{gap:16px}.desktop-nav a{font-size:.76rem}
 .hero-grid{gap:12px}.hero-emblem{min-height:330px}.hero-logo{width:95%}
 .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .plan-price{font-size:2.5rem}
 .steps-grid{grid-template-columns:repeat(2,1fr)}
 .faq-layout{gap:38px}
 .category-content{padding:20px}.category-content h3{font-size:1.45rem}
}
@media(max-width:720px){
 :root{--header-height:64px}
 html{scroll-padding-top:74px}
 .container{width:calc(100% - 36px)}
 .header-inner{gap:12px;min-height:var(--header-height)}
 .brand{gap:6px}.brand-logo{width:35px;height:35px}.brand-wordmark{font-size:.85rem}
 .desktop-nav{display:none}.header-cta{margin-left:auto;min-height:37px;padding:9px 11px;font-size:.73rem}
 .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#171020;padding:10px}
 .menu-toggle span{display:block;height:2px;width:100%;background:#e7d7fa;border-radius:4px;transition:transform .2s}
 .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
 .mobile-menu{position:absolute;top:calc(100% + 1px);left:0;right:0;display:flex;flex-direction:column;gap:0;padding:10px 18px 18px;background:rgba(12,8,17,.98);border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.35)}
 .mobile-menu a:not(.button){padding:13px 3px;border-bottom:1px solid rgba(195,150,255,.1)}
 .mobile-menu .button{margin-top:14px}
 .hero{min-height:auto;padding:52px 0 70px}
 .hero-grid{grid-template-columns:1fr;gap:18px}
 .hero h1{font-size:clamp(2.55rem,11.5vw,4rem);margin:18px 0 16px;letter-spacing:-.06em}
 .hero-lead{font-size:.98rem;line-height:1.65;max-width:500px}
 .hero-actions{margin-top:23px;gap:16px;align-items:flex-start;flex-direction:column}
 .hero-actions .button{width:100%}.hero-actions .text-link{margin-left:4px}
 .hero-proof{font-size:.68rem;gap:7px;margin-top:22px}
 .hero-emblem{min-height:245px;margin:0 auto;width:min(100%,340px)}
 .hero-logo{width:72%;max-width:270px}
 .orbit-a{width:75%}.orbit-b{width:86%}.tag-top{right:0;top:14%}.tag-bottom{left:0;bottom:13%}
 .scroll-cue{bottom:18px;font-size:.53rem}
 .video-section{padding:65px 0 42px}
 .video-intro{margin-bottom:24px}.video-intro h2{font-size:2.2rem}
 .video-frame{width:100%;aspect-ratio:4/5}
 .video-overlay{padding:8% 5% 7%}.play-button{width:60px;height:60px}
 .video-placeholder-label{font-size:1.2rem}.video-subline{font-size:.64rem}
 .video-caption{font-size:.72rem;gap:10px}.caption-line{width:22px}
 .section-pad{padding:76px 0}
 .intro-layout{grid-template-columns:1fr;gap:22px}
 .intro-copy h2{font-size:2.45rem}.intro-description{font-size:.9rem}
 .feature-strip{grid-template-columns:1fr;margin-top:32px}
 .feature-item{padding:17px 18px}.feature-item+.feature-item{border-left:0;border-top:1px solid var(--line)}
 .football-layout{grid-template-columns:1fr;gap:0;min-height:0}
 .football-copy h2{font-size:3.25rem}.football-copy p{font-size:.9rem}
 .football-art{min-height:230px;margin-top:8px}
 .ball-track{width:190px;height:190px}.scroll-ball{width:105px;height:105px}
 .football-stats{right:0;bottom:0;font-size:.52rem}
 .category-grid{grid-template-columns:1fr;gap:15px}
 .category-card{display:grid;grid-template-columns:.8fr 1fr;min-height:0}
 .category-image{height:auto;min-height:210px}
 .category-content{padding:18px 16px}
 .category-content h3{font-size:1.35rem}
 .category-content p{font-size:.74rem;min-height:0}
 .category-label{font-size:.55rem}
 .category-content .arrow-link{font-size:.7rem}
 .devices-layout{grid-template-columns:1fr;gap:20px}
 .devices-copy h2{font-size:2.65rem}
 .device-orbit{min-height:310px;max-width:400px;width:100%;margin:auto}
 .ring-one{width:260px}.ring-two{width:195px}
 .device-center{width:105px;height:105px}.device-center img{width:77px;height:77px}
 .device-node{width:69px;height:69px;border-radius:15px}.device-node span{font-size:1.4rem}.device-node small{font-size:.43rem}
 .node-phone{left:12%;top:4%}.node-tv{right:10%;top:7%}.node-box{left:12%;bottom:4%}.node-tablet{right:10%;bottom:4%}
 .compatibility-note{padding:14px}
 .section-heading{margin-bottom:32px}.section-heading h2{font-size:2.55rem}.section-heading p{font-size:.87rem}
 .plans-grid{grid-template-columns:1fr;gap:13px}
 .plan-card{padding:23px}
 .plan-featured{order:-1}
 .plan-price{font-size:2.7rem}
 .plan-card ul{gap:9px}
 .steps-grid{grid-template-columns:1fr 1fr;gap:10px}
 .step-card{padding:19px 16px;min-height:205px}
 .step-number{top:15px;right:14px}.step-icon{margin-bottom:20px}
 .step-card h3{font-size:1rem}.step-card p{font-size:.73rem}
 .trust-heading h2{font-size:2.55rem}
 .trust-grid{grid-template-columns:1fr;gap:11px}
 .trust-card{padding:20px;display:grid;grid-template-columns:48px 1fr;column-gap:15px;align-items:center}
 .trust-icon{grid-row:span 2;margin:0}
 .trust-card h3{font-size:1rem}.trust-card p{font-size:.75rem;margin-top:5px}
 .referral-banner{align-items:flex-start;gap:13px;padding:18px;flex-wrap:wrap}
 .referral-icon{width:42px;height:42px}
 .referral-banner>div:nth-child(2){flex:1;min-width:180px}
 .referral-banner h3{font-size:1.12rem}.referral-banner p{font-size:.73rem}
 .referral-banner .arrow-link{margin-left:55px}
 .faq-layout{grid-template-columns:1fr;gap:34px}
 .faq-heading h2{font-size:2.55rem}.faq-heading>p{font-size:.88rem}
 .faq-list summary{font-size:.83rem;padding:18px 0}
 .faq-list details p{font-size:.78rem}
 .final-cta h2{font-size:2.7rem}.final-cta p{font-size:.9rem}
 .final-cta .button{width:100%;font-size:.82rem;padding:15px 13px;gap:8px}
 .cta-assurance{font-size:.65rem;gap:7px}
 .cta-ball-wrap{right:-45px;bottom:-60px}
 .cta-ball{width:115px;height:115px;font-size:3rem}
 .footer-main{align-items:flex-start;flex-wrap:wrap;gap:15px}
 .footer-main>p{width:100%;order:3}
 .footer-main nav{margin-left:auto;gap:12px}
 .footer-main nav a{font-size:.68rem}
 .footer-bottom{font-size:.6rem;flex-wrap:wrap}
 .mobile-action-bar{position:fixed;z-index:90;left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:4px;padding:6px;border:1px solid rgba(197,151,255,.25);border-radius:17px;background:rgba(19,13,27,.94);backdrop-filter:blur(18px);box-shadow:0 10px 36px rgba(0,0,0,.42);opacity:0;transform:translateY(130%);pointer-events:none;transition:opacity .28s ease,transform .35s var(--ease)}
 .mobile-action-bar.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
 .quick-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:47px;border-radius:11px;color:#e7d9f5;font-size:.61rem;font-weight:800}
 .quick-icon{font-size:1.12rem;line-height:1;color:#cba3ff}
 .quick-whatsapp{background:#25d366;color:#052512}
 .quick-whatsapp .quick-icon{color:#052512}
 body.has-mobile-bar{padding-bottom:calc(77px + env(safe-area-inset-bottom))}
}
@media(max-width:390px){
 .container{width:calc(100% - 28px)}
 .header-cta{font-size:.68rem;padding:8px 9px}
 .brand-wordmark{font-size:.78rem}
 .hero h1{font-size:2.48rem}
 .hero-proof{font-size:.62rem}
 .category-card{grid-template-columns:.72fr 1fr}
 .category-content{padding:15px 12px}
 .category-content h3{font-size:1.2rem}
 .category-content p{font-size:.7rem}
 .steps-grid{gap:8px}.step-card{padding:16px 12px}
 .step-card p{font-size:.7rem}
}
@media(min-width:721px){
 .mobile-menu{display:none!important}
}