:root {
            --navy: #07172d;
            --ink: #0c1b34;
            --blue: #087df4;
            --cyan: #1bd6df;
            --pale: #f4f9ff;
            --line: #dbe7f4;
            --shadow: 0 14px 38px rgba(24, 72, 125, .11);
        }
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
        body {
            margin: 0;
            color: var(--ink);
            background:
                radial-gradient(circle at 8% 18%, rgba(27,214,223,.08), transparent 28%),
                radial-gradient(circle at 92% 48%, rgba(8,125,244,.07), transparent 32%),
                #f8fbff;
            font: 14px/1.45 Inter, Arial, sans-serif;
            position: relative;
            zoom: 1.5;
        }
        body::before {
            content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
            background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,.55) 50%, transparent 80%);
            opacity:.55;
            transform:translateX(-35%);
            animation:depth-shift 18s ease-in-out infinite alternate;
        }
        a { color: inherit; text-decoration: none; }
        button { font: inherit; cursor: pointer; }
        .container { width: min(1135px, calc(100% - 42px)); margin: auto; }
        .inner-topbar { height:70px; background:rgba(7,23,45,.88); border-bottom:1px solid rgba(255,255,255,.07); box-shadow:0 4px 16px rgba(3,14,31,.18); }
        .inner-topbar .container { width:min(1135px, calc(100% - 42px)); }
        .inner-topbar .brand-logo { width:155px; height:48px; }
        .topbar {
            height: 70px; color: #fff; background: transparent;
            display: flex; align-items: center; position: fixed; top: 0; left: 0; z-index: 10; width: 100%;
            border-bottom: 1px solid transparent; box-shadow: none;
            transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;
        }
        .topbar.scrolled {
            background: rgba(7, 23, 45, .88);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border-bottom-color: rgba(255,255,255,.07);
            box-shadow: 0 4px 16px rgba(3,14,31,.18);
        }
        .nav { display:flex; align-items:center; justify-content:space-between; gap:30px; }
        .brand { display:flex; align-items:center; }
        .brand-logo { display:block; width:155px; height:48px; object-fit:contain; object-position:left center; transition:transform .25s ease; }
        .brand:hover .brand-logo { transform:scale(1.03); }
        .links { display:flex; align-self:stretch; gap:10px; align-items:center; margin-left:auto; }
        .links a { height:68%; display:flex; align-items:center; gap:6px; padding:0 10px; border:0; border-radius:0; font-size:11px; font-weight:500; letter-spacing:.2px; color:#aebdd2; position:relative; transition:color .25s ease; }
        .nav-icon { display:inline-grid; place-items:center; width:20px; height:20px; border:0; border-radius:0; font-size:14px; line-height:1; transition:transform .25s ease, color .25s ease; }
        .links a:hover, .links a.active { color:#f3f7fc; }
        .links a:hover .nav-icon, .links a.active .nav-icon { transform:scale(1.05); }
        .links a::after { content:""; position:absolute; height:1px; bottom:2px; left:10px; right:10px; border-radius:1px; background:var(--cyan); opacity:0; transform:scaleX(.45); transform-origin:center; transition:opacity .25s ease, transform .25s ease; }
        .links a:hover::after, .links a.active::after { opacity:1; transform:scaleX(1); }
        .page-leaving .links { opacity:0 !important; pointer-events:none !important; transform:translateX(120%) !important; transition:opacity .42s ease, transform .42s cubic-bezier(.65,0,.35,1) !important; }
        .page-leaving .topbar { pointer-events:none; }
        @media (min-width: 801px) {
            .links {
                max-width: 0;
                overflow: hidden;
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transform: translateY(-10px);
                transition: max-width .35s ease, opacity .25s ease, transform .35s ease, visibility 0s linear .35s;
            }
            .topbar.scrolled .links {
                max-width: 520px;
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                transform: translateY(0);
                transition-delay: 0s;
            }
            .topbar.scrolled .links a {
                animation: nav-link-in .45s ease both;
            }
            .topbar.scrolled .links a:nth-child(1) { animation-delay: .05s; }
            .topbar.scrolled .links a:nth-child(2) { animation-delay: .10s; }
            .topbar.scrolled .links a:nth-child(3) { animation-delay: .15s; }
            .topbar.scrolled .links a:nth-child(4) { animation-delay: .20s; }
            .topbar.scrolled .links a:nth-child(5) { animation-delay: .25s; }
        }
        .nav-actions { display:flex; align-items:center; gap: 12px; }
        .account { border: 1px solid #41617f; border-radius: 20px; color:#e5edf8; background:transparent; padding: 8px 14px; font-size: 11px; }
        .primary { border:0; color:#fff; border-radius: 22px; padding: 10px 23px; background: linear-gradient(100deg, #0797e9, #0877ef); box-shadow: 0 6px 18px rgba(0,129,242,.3); }
        .menu { display:none; background:none; border:0; color:#c7d3e4; font-size:25px; transition:color .25s ease; }
        .menu:hover { color:var(--cyan); }
        .hero {
            min-height: 620px; padding-top: 90px; color:#fff; display:flex; align-items:center; position:relative;
            background:linear-gradient(90deg,rgba(4,19,39,.97) 7%,rgba(7,23,45,.76) 46%,rgba(7,23,45,.18));
            overflow:hidden;
        }
        .hero::before, .hero::after { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(90deg,rgba(4,19,39,.97) 7%,rgba(7,23,45,.76) 46%,rgba(7,23,45,.18)),var(--hero-image) center/cover; opacity:1; transition:opacity 1.8s ease-in-out; }
        .hero::after { background-image:linear-gradient(90deg,rgba(4,19,39,.97) 7%,rgba(7,23,45,.76) 46%,rgba(7,23,45,.18)),var(--hero-next-image); background-position:center; background-size:cover; opacity:0; }
        .hero.is-changing::before { opacity:0; }
        .hero.is-changing::after { opacity:1; }
        .hero-content { width: 500px; padding: 30px 0 38px; position:relative; z-index:1; animation: rise .8s both; }
        .index-page main { animation: page-enter .75s cubic-bezier(.22,.61,.36,1) both; }
        .index-page .topbar { animation: topbar-enter .55s ease both; }
        .hero-slider-controls { position:absolute; right:28px; bottom:20px; z-index:2; display:flex; align-items:center; gap:6px; opacity:.72; }
        .hero-slider-controls button { width:25px; height:25px; border:1px solid rgba(255,255,255,.38); border-radius:50%; color:#fff; background:rgba(7,23,45,.32); font-size:15px; transition:opacity .2s ease, background .2s ease, border-color .2s ease; }
        .hero-slider-controls:hover { opacity:1; }
        .hero-slider-controls button:hover { border-color:var(--cyan); background:rgba(27,214,223,.2); }
        .hero-slider-dot { width:6px !important; height:6px !important; padding:0; border:0 !important; background:rgba(255,255,255,.42) !important; }
        .hero-slider-dot.active { width:16px !important; border-radius:5px; background:var(--cyan) !important; }
        .eyebrow { color: #25d8e2; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-weight: 700; }
        h1 { font-size: clamp(36px, 4vw, 51px); line-height: .98; letter-spacing:-2px; margin: 10px 0 13px; }
        h1 span { color: #13a9ff; }
        .hero p { color:#dae7f6; max-width: 360px; margin:0 0 20px; font-size: 12px; }
        .hero-points { display:flex; gap: 25px; margin: 21px 0; color:#dce8f5; font-size:10px; }
        .hero-points div { display:flex; gap:8px; align-items:center; }
        .hero-points b { color:#0bd8e0; font-size:20px; font-weight:400; }
        .hero .primary { padding: 11px 20px; font-size:11px; }
        .scroll-reveal { opacity:0; transform:translateY(34px) scale(.985); transition:opacity .8s ease, transform .8s cubic-bezier(.22,.61,.36,1); }
        .scroll-reveal.is-visible { opacity:1; transform:none; }
        .scroll-reveal.reveal-delay-1 { transition-delay:.08s; }
        .scroll-reveal.reveal-delay-2 { transition-delay:.16s; }
        .scroll-reveal.reveal-delay-3 { transition-delay:.24s; }
        .about-section { position:relative; padding:70px 0 30px; background:#fff; }
        .about-layout { position:relative; z-index:3; }
        .plans-section { position:relative; padding:30px 0 29px; border-top:0; background:transparent; }
        .plans-layout { position:relative; isolation:isolate; padding:20px; }
        .plans-layout::before { content:""; position:absolute; inset:0; z-index:0; border:2px solid rgba(8,125,244,.62); border-radius:24px; box-shadow:0 0 12px rgba(27,214,223,.32),0 0 28px rgba(8,125,244,.18); animation:container-glow 3.4s ease-in-out infinite; pointer-events:none; }
        .plans-layout > * { position:relative; z-index:1; }
        .coverage-inline-cta { grid-column:1 / -1; display:flex; align-items:center; justify-content:center; min-height:68px; padding:14px 20px; border:1px solid rgba(27,214,223,.48); border-radius:14px; background:linear-gradient(110deg,rgba(4,32,67,.92),rgba(5,91,145,.78)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(3,20,42,.24); }
        .coverage-inline-cta h2 { margin:0; text-align:center; font-size:clamp(16px,2.1vw,23px); line-height:1.15; letter-spacing:-.4px; }
        .coverage-inline-cta h2 a { color:#fff; transition:color .25s ease, text-shadow .25s ease; }
        .coverage-inline-cta h2 a:hover { color:var(--cyan); text-shadow:0 0 14px rgba(27,214,223,.5); }
        .coverage-content { align-self:center; max-width:460px; padding:10px 0; text-align:center; }
        .coverage-content .eyebrow { margin-bottom:8px; font-size:9px; letter-spacing:2.2px; }
        .coverage-content h2 { margin:0 0 11px; font-size:clamp(24px,3vw,34px); line-height:1.02; letter-spacing:-1.1px; }
        .coverage-content p { max-width:330px; margin:0 auto 15px; color:#d9edff; font-size:10px; line-height:1.45; }
        .coverage-content p::before { content:""; display:block; width:42px; height:3px; margin:0 auto 16px; border-radius:3px; background:var(--cyan); box-shadow:0 0 12px rgba(27,214,223,.65); }
        .about-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
        .about-copy h2 { color:var(--ink); font-size:clamp(30px,4vw,46px); line-height:1.05; letter-spacing:-1.8px; margin:12px 0 16px; }
        .about-copy h2 span { color:var(--blue); }
        .about-copy > p { max-width:470px; color:#617188; font-size:13px; line-height:1.8; margin:0 0 25px; }
        .about-values { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:500px; }
        .about-value { padding:15px 12px; border:1px solid var(--line); border-radius:12px; background:#f8fbff; }
        .about-value strong { display:block; color:var(--blue); font-size:20px; margin-bottom:3px; }
        .about-value span { color:#617188; font-size:9px; }
        .about-visual { position:relative; min-height:260px; padding:25px; border-radius:28px; overflow:hidden; color:#fff; background:linear-gradient(145deg,#07172d,#0b4d75); box-shadow:0 20px 45px rgba(7,53,94,.22); }
        .about-visual::before, .about-visual::after { content:""; position:absolute; border:1px solid rgba(27,214,223,.3); border-radius:50%; }
        .about-visual::before { width:250px; height:250px; right:-65px; top:-70px; }
        .about-visual::after { width:180px; height:180px; left:-70px; bottom:-85px; }
        .about-visual-label { position:relative; z-index:1; color:var(--cyan); text-transform:uppercase; letter-spacing:2px; font-size:10px; font-weight:700; }
        .about-visual h3 { position:relative; z-index:1; max-width:280px; font-size:22px; line-height:1.15; margin:16px 0 24px; }
        .about-signal { position:absolute; right:42px; bottom:42px; width:110px; height:110px; border:1px solid rgba(27,214,223,.5); border-radius:50%; }
        .about-signal::before, .about-signal::after { content:""; position:absolute; border:1px solid rgba(27,214,223,.5); border-radius:50%; }
        .about-signal::before { inset:18px; }
        .about-signal::after { inset:38px; background:var(--cyan); box-shadow:0 0 25px var(--cyan); }
        .about-visual small { position:absolute; left:25px; bottom:23px; color:#b8cfe2; font-size:9px; }
        .about-purpose { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:34px; }
        .purpose-card { padding:22px 24px; border:1px solid var(--line); border-radius:16px; background:#f8fbff; box-shadow:0 10px 24px rgba(24,72,125,.06); }
        .purpose-card h3 { margin:0 0 8px; color:var(--blue); font-size:16px; }
        .purpose-card p { margin:0; color:#617188; font-size:11px; line-height:1.65; }
        .trust-wrap { background:transparent; padding:0; }
        .trust { display:grid; grid-template-columns: 1.2fr 1fr 1.2fr; background:transparent; border-top:1px solid rgba(139,205,232,.22); border-bottom:1px solid rgba(139,205,232,.22); overflow:hidden; }
        .trust-item { min-height: 90px; padding: 19px 24px; border-right:1px solid rgba(139,205,232,.28); display:flex; align-items:center; gap:15px; font-size:10px; }
        .trust-item:last-child { border:0; }
        .trust-logo-image { display:block; width:76px; height:58px; flex:0 0 76px; object-fit:contain; background:transparent; }
        .trust-logo-image.crt { width:82px; flex-basis:82px; }
        .trust-check { width:76px; flex:0 0 76px; color:#0874d9; font-size:36px; font-weight:800; text-align:center; }
        .trust strong { display:block; color:#fff; font-size:11px; margin-bottom:5px; }
        .trust p { margin:0; color:#a9c4d9; font-size:11px; }
        .trust a { display:block; margin-top:4px; color:#087df4; font-size:11px; font-weight:600; }
        .plans-layout { display:grid; grid-template-columns: 245px 1fr; gap: 30px; align-items:center; }
        .plans-intro h2 { font-size:28px; line-height:1.05; letter-spacing:-1.2px; margin:10px 0; }
        .plans-intro h2 span { color:#087df4; }
        .plans-intro p { color:#617188; font-size:11px; margin:0 0 14px; }
        .benefits { list-style:none; padding:0; margin: 0 0 14px; color:#617188; font-size:11px; line-height:1.8; }
        .benefits li::before { content:"\2713"; color:#087df4; font-weight:800; margin-right:9px; }
        .outline { border:1px solid #087df4; color:#0870d7; background:white; border-radius:20px; padding:9px 17px; font-size:9px; }
        .cards { display:grid; grid-template-columns:repeat(4, 1fr); gap:11px; }
        .plan-card { position:relative; background:#fff; border:1px solid var(--line); border-radius:11px; padding:18px 14px 13px; min-height:226px; box-shadow:var(--shadow); transition:.3s ease; }
        .plan-card:hover, .plan-card.featured { transform:translateY(-8px); border-color:#0797e9; box-shadow:0 15px 30px rgba(0,120,240,.2); }
        .badge { position:absolute; top:-11px; left:50%; transform:translateX(-50%); white-space:nowrap; background:#10bfe8; color:#fff; padding:4px 12px; border-radius:12px; font-size:8px; }
        .plan-icon { color:#087df4; font-size:24px; margin-bottom:4px; }
        .plan-card h3 { margin:0; font-size:12px; }
        .speed { display:block; color:#087df4; font-size:14px; font-weight:800; margin:2px 0 9px; }
        .features { list-style:none; padding:0; margin:0; color:#738198; font-size:11px; min-height:66px; }
        .features li { margin:3px 0; }
        .features li::before { content:"\2713"; color:#0a91d9; margin-right:4px; }
        .price { font-size:16px; font-weight:800; margin:8px 0; }
        .price small { font-size:8px; color:#6c7a8c; font-weight:400; }
        .card-cta { width:100%; border:0; border-radius:14px; color:#fff; background:linear-gradient(90deg,#11c8dc,#087bf4); font-size:9px; padding:8px; }
        .coverage { padding: 0 0 10px; background:#f5faff; }
        .coverage-box { position:relative; min-height:185px; color:#fff; border-radius:15px; padding:18px 26px; display:grid; grid-template-columns:1fr; gap:14px; justify-items:center; align-items:center; background-image:linear-gradient(110deg,rgba(4,24,53,.94),rgba(5,56,101,.62)),radial-gradient(circle at 76% 50%,rgba(8,145,244,.34),transparent 34%),url("../img/Sguerrero.webp"); background-position:center,center,center; background-size:cover,cover,cover; background-repeat:no-repeat; overflow:hidden; }
        .coverage h2 { font-size:28px; line-height:1.05; margin:7px 0 10px; letter-spacing:-1px; }
        .coverage p { color:#d0dceb; font-size:10px; margin:0 0 15px; }
        .coverage-box > div:not(.map) { text-align:center; }
        .coverage-box > div:not(.map) .search { margin:0 auto; }
        .search { display:flex; width:min(100%,255px); height:34px; border:1px solid rgba(27,214,223,.78); border-radius:19px; overflow:hidden; background:rgba(3,25,52,.55); box-shadow:0 0 0 3px rgba(8,125,244,.12),0 8px 18px rgba(1,12,28,.22); }
        .search input { flex:1; min-width:0; border:0; outline:0; color:#fff; background:transparent; padding:0 16px; font-size:11px; }
        .search input::placeholder { color:#b6c9dc; }
        .search button { border:0; color:#fff; background:linear-gradient(100deg,#11bfe0,#087df4); padding:0 20px; font-size:11px; font-weight:700; transition:filter .2s ease; }
        .search button:hover { filter:brightness(1.15); }
        .map { position:absolute; inset:0; height:auto; pointer-events:none; }
        .zone { border:1px solid #38536d; border-radius:9px; padding:15px; font-size:9px; color:#dbe5ef; }
        .zone strong { display:block; margin-bottom:10px; }
        .zone p { margin:6px 0; color:#dbe5ef; }
        .zone p::before { content:"\2713"; color:#19d7df; margin-right:7px; }
        .footer-strip { position:relative; overflow:hidden; color:#fff; background:linear-gradient(145deg,#06182e 0%,#082b4d 52%,#06182e 100%); margin-top:28px; padding:28px 0 12px; border-top:3px solid #12c8d8; }
        .footer-strip::before { content:""; position:absolute; width:520px; height:180px; right:-170px; bottom:-120px; border:1px solid rgba(27,214,223,.18); border-radius:50%; box-shadow:0 0 0 18px rgba(27,214,223,.035),0 0 0 38px rgba(27,214,223,.025); pointer-events:none; }
        .footer-strip::after { content:""; position:absolute; left:-80px; top:-130px; width:480px; height:220px; background:radial-gradient(ellipse,rgba(0,144,224,.2),transparent 68%); transform:rotate(-12deg); pointer-events:none; }
        .footer-inner { position:relative; z-index:1; }
        .footer-inner > .trust-wrap { position:relative; z-index:1; background:transparent; margin:0; width:auto; padding:0 0 24px; }
        .footer-inner > .trust-wrap .container { width:100%; }
        .footer-main { display:grid; grid-template-columns:1.35fr .75fr .9fr; gap:30px; align-items:start; padding:4px 0 22px; }
        .footer-brand { max-width:270px; }
        .footer-logo { width:115px; height:37px; object-fit:contain; object-position:left center; margin-bottom:7px; }
        .footer-brand p { color:#9db7ce; font-size:11px; line-height:1.65; margin:0; }
        .footer-status { display:inline-flex; align-items:center; gap:6px; color:#84e5eb; font-size:11px; margin-top:10px; }
        .footer-status::before { content:""; width:6px; height:6px; border-radius:50%; background:#1bd6df; box-shadow:0 0 0 4px rgba(27,214,223,.12); }
        .footer-heading { color:#fff; display:block; font-size:10px; margin:3px 0 10px; }
        .footer-heading::before, .footer-contact strong::before { content:""; display:block; width:20px; height:3px; margin-bottom:7px; border-radius:3px; background:var(--cyan); }
        .footer-links { display:grid; gap:6px; }
        .footer-links a { color:#b0c7dc; font-size:11px; transition:color .2s ease, padding-left .2s ease; }
        .footer-links a::before { content:"\203A"; color:var(--cyan); font-size:14px; margin-right:8px; vertical-align:-1px; }
        .footer-links a:hover { color:var(--cyan); padding-left:4px; }
        .footer-contact { color:#9db7ce; font-size:11px; line-height:1.7; max-width:210px; }
        .footer-contact strong { color:#fff; display:block; font-size:10px; margin-bottom:5px; }
        .footer-socials { display:flex; align-items:center; gap:8px; margin-top:12px; }
        .footer-socials a { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; color:#fff; transition:filter .2s ease, transform .2s ease; }
        .footer-socials a.facebook { background:#1877f2; }
        .footer-socials a.whatsapp { background:#25d366; }
        .footer-socials a:hover { filter:brightness(1.15); transform:translateY(-2px); }
        .footer-socials svg { width:14px; height:14px; fill:currentColor; }
        .footer-bottom { display:flex; justify-content:center; align-items:center; gap:15px; border-top:1px solid rgba(167,204,232,.14); padding-top:11px; color:#6f8ba6; font-size:11px; text-align:center; }
        .footer-bottom strong { color:#9fc6df; font-weight:600; }
        .footer-signal { color:#76dce7; letter-spacing:3px; white-space:nowrap; }
        @keyframes rise { from { opacity:0; transform:translateY(18px) } to { opacity:1; transform:none } }
        @keyframes page-enter { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
        @keyframes topbar-enter { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:none; } }
        @keyframes pulse { 50% { transform:scale(1.12); opacity:.65; } }
        @keyframes nav-link-in { from { opacity:0; transform:translateY(-12px); } to { opacity:1; transform:translateY(0); } }
        @keyframes logo-float { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-3px); } }
        @keyframes depth-shift { from { transform:translateX(-35%) scale(1); } to { transform:translateX(35%) scale(1.08); } }
        @keyframes border-orbit { to { transform:rotate(360deg); } }
        @keyframes container-glow {
            0%, 100% { border-color:rgba(8,125,244,.52); box-shadow:0 0 12px rgba(27,214,223,.22),0 0 28px rgba(8,125,244,.14); }
            50% { border-color:rgba(27,214,223,.98); box-shadow:0 0 20px rgba(27,214,223,.58),0 0 48px rgba(8,125,244,.38); }
        }
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
            .scroll-reveal { opacity:1; transform:none; }
            .index-page main, .index-page .topbar { animation:none; }
            .page-leaving .links { opacity:0 !important; transform:none !important; }
        }
        @media (max-width: 800px) {
            .links, .nav-actions { display:none; } .menu { display:block; }
            .links.mobile-open { display:flex; position:absolute; top:70px; left:0; right:0; height:auto; padding:16px 21px; flex-direction:column; align-items:flex-start; gap:14px; background:var(--navy); }
            .links.mobile-open a { height:auto; width:100%; padding:10px 12px; }
            .links.mobile-open a::after { bottom:4px; }
            .hero-content { width:100%; } .hero { min-height:560px; }
            .about-section { padding:50px 0 20px; } .about-layout { grid-template-columns:1fr; gap:30px; } .about-values { max-width:none; } .about-purpose { grid-template-columns:1fr; margin-top:28px; }
            .coverage-inline-cta { align-items:flex-start; flex-direction:column; }
            .trust, .plans-layout, .coverage-box { grid-template-columns:1fr; }
            .trust-item { border-right:0; border-bottom:1px solid var(--line); min-height:70px; }
            .plans-layout { gap:20px; } .cards { grid-template-columns:repeat(2,1fr); }
            .coverage-box { padding:25px; } .map {             order:2;
            margin-left:32px; } .zone { order:3; }
            .footer-main { grid-template-columns:repeat(2,1fr); gap:22px; }
            .footer-brand { max-width:300px; }
            .footer-contact { max-width:300px; }
        }
        @media (max-width: 480px) {
            .container { width:min(100% - 28px, 1135px); }
            .hero-points { gap:10px; flex-wrap:wrap; } .cards { grid-template-columns:1fr 1fr; gap:8px; }
            .plan-card { padding:14px 10px 11px; } .coverage h2 { font-size:24px; }
            .footer-main { grid-template-columns:1fr 1fr; gap:22px 15px; }
            .footer-brand { grid-column:1 / -1; max-width:none; }
            .footer-contact { max-width:none; }
            .footer-cta .primary { width:100%; }
            .footer-bottom { align-items:center; flex-direction:column; gap:6px; }
        }
        .inner-page { min-height:calc(100vh - 250px); padding:175px 0 45px; }
        .inner-page.planes-page { padding:0 0 45px; }
        .inner-page.cobertura-page { padding:0 0 45px; }
        .inner-page.nosotros-page { padding:0 0 45px; }
        .inner-page.ayuda-page { padding:0 0 45px; }
        .page-hero { color:#fff; background:linear-gradient(135deg,#06182e,#0b4d75); padding:48px 0; }
        .page-hero h1 { max-width:700px; margin:10px 0 12px; font-size:clamp(30px,4vw,48px); letter-spacing:-1.5px; }
        .page-hero p { max-width:620px; margin:0; color:#cfe0f1; font-size:13px; }
        .page-section { padding:42px 0 0; }
        .page-section h2 { margin:0 0 12px; color:var(--ink); font-size:clamp(24px,3vw,34px); letter-spacing:-.8px; }
        .page-section > p { max-width:760px; color:#617188; font-size:13px; line-height:1.75; }
        .info-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:24px; }
        .info-card { padding:24px; border:1px solid var(--line); border-radius:15px; background:#fff; box-shadow:var(--shadow); }
        .info-card h3 { margin:0 0 9px; color:var(--blue); font-size:16px; }
        .info-card p, .info-card li { color:#617188; font-size:11px; line-height:1.7; }
        .info-card ul { margin:0; padding-left:17px; }
        .page-plans { grid-template-columns:repeat(4,1fr); }
        .contact-box { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:25px; border-radius:16px; color:#fff; background:linear-gradient(135deg,#07172d,#0b4d75); }
        .contact-box h3 { color:#fff; }
        .contact-box p { color:#cfe0f1; }
        .coverage-page-hero { width:100%; min-height:360px; padding:115px 0 45px; color:#fff; background:linear-gradient(110deg,rgba(36,70,103,.98),rgba(67,135,155,.82)),url("../img/Sguerrero.webp") center/cover no-repeat; }
        .coverage-page-hero-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
        .coverage-page-hero h1 { margin:10px 0 14px; font-size:clamp(34px,4vw,50px); }
        .coverage-page-hero h1 span { color:var(--cyan); }
        .coverage-page-hero p { max-width:440px; color:#e2ebf0; font-size:12px; }
        .coverage-hero-button { display:inline-block; margin-top:10px; font-size:10px; }
        .coverage-signal { position:relative; display:grid; place-items:center; width:220px; height:220px; margin-right:9%; border:1px solid rgba(74,174,190,.5); border-radius:50%; color:#fff; }
        .coverage-signal::before, .coverage-signal::after, .coverage-signal i { content:""; position:absolute; border:1px solid rgba(74,174,190,.45); border-radius:50%; }
        .coverage-signal::before { inset:25px; }.coverage-signal::after { inset:55px; }.coverage-signal i:nth-of-type(1) { inset:82px; background:var(--cyan); box-shadow:0 0 22px rgba(74,174,190,.65); }.coverage-signal i:nth-of-type(2) { inset:105px; }.coverage-signal i:nth-of-type(3) { display:none; }
        .coverage-signal span { position:relative; z-index:1; font-size:34px; color:var(--cyan); }
        .coverage-page-section, .coverage-zones-section { padding:48px 0; background:#fff; }
        .coverage-zones-section { background:#f1f4f6; }
        .coverage-page-heading { max-width:620px; }
        .coverage-page-heading h2 { margin:7px 0 9px; color:var(--ink); font-size:clamp(24px,3vw,34px); }
        .coverage-page-heading p { margin:0; color:#7c7c7c; font-size:12px; line-height:1.7; }
        .coverage-search { display:flex; max-width:650px; height:48px; margin-top:25px; overflow:hidden; border:1px solid var(--line); border-radius:26px; background:#fff; box-shadow:var(--shadow); }
        .coverage-search input { flex:1; min-width:0; border:0; outline:0; padding:0 20px; color:var(--ink); font:inherit; font-size:11px; }
        .coverage-search button { border:0; padding:0 28px; color:#fff; background:linear-gradient(90deg,#4aaebe,#43879b); font-size:10px; font-weight:700; }
        .coverage-result { margin:13px 0 0; color:#7c7c7c; font-size:10px; }
        .coverage-zone-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:25px; }
        .coverage-zone-card { padding:20px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:var(--shadow); }
        .coverage-zone-card > span { color:var(--blue); font-size:22px; }
        .coverage-zone-card h3 { margin:10px 0 3px; color:var(--ink); font-size:15px; }
        .coverage-zone-card p { margin:0; color:#7c7c7c; font-size:10px; }
        .coverage-help { padding:35px 0; }
        .coverage-help .container { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:25px 30px; border-radius:18px; color:#fff; background:linear-gradient(135deg,#244667,#43879b); }
        .coverage-help h2 { margin:6px 0; font-size:23px; }
        .coverage-help p { margin:0; color:#e2ebf0; font-size:10px; }
        .coverage-help .primary { white-space:nowrap; }
        .about-page-hero { min-height:360px; padding:115px 0 45px; color:#fff; background:linear-gradient(105deg,rgba(23,56,97,.98),rgba(36,70,103,.78)),url("https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=2000&q=85") center/cover no-repeat; }
        .about-page-hero-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
        .about-page-hero h1 { margin:10px 0 14px; font-size:clamp(34px,4vw,50px); line-height:1.02; }
        .about-page-hero h1 span { color:var(--cyan); }
        .about-page-hero p { max-width:470px; color:#e2ebf0; font-size:12px; line-height:1.6; }
        .about-page-hero .primary { display:inline-block; margin-top:8px; font-size:10px; }
        .about-page-signal { position:relative; display:grid; place-items:center; width:220px; height:220px; margin-right:9%; border:1px solid rgba(74,174,190,.5); border-radius:50%; color:var(--cyan); }
        .about-page-signal::before, .about-page-signal::after, .about-page-signal i { content:""; position:absolute; border:1px solid rgba(74,174,190,.45); border-radius:50%; }
        .about-page-signal::before { inset:25px; }.about-page-signal::after { inset:55px; }.about-page-signal i:first-of-type { inset:82px; background:var(--cyan); box-shadow:0 0 22px rgba(74,174,190,.65); }.about-page-signal i:last-of-type { inset:105px; }
        .about-page-signal span { position:relative; z-index:1; font-size:38px; }
        .about-page-intro { padding:52px 0 40px; background:#fff; }
        .about-page-intro .container { display:grid; grid-template-columns:1.2fr 1fr; gap:45px; align-items:center; }
        .about-page-heading h2 { margin:7px 0 12px; color:var(--ink); font-size:clamp(25px,3vw,37px); line-height:1.05; }
        .about-page-heading h2 span { color:var(--blue); }
        .about-page-heading p { max-width:600px; margin:0; color:var(--gray); font-size:12px; line-height:1.75; }
        .about-page-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
        .about-page-stats article { padding:18px 12px; border:1px solid var(--line); border-radius:12px; background:#f6f8fa; text-align:center; }
        .about-page-stats strong { display:block; color:var(--blue); font-size:23px; }
        .about-page-stats span { color:var(--gray); font-size:8px; }
        .about-page-purpose { padding:0 0 45px; background:#fff; }
        .about-purpose-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
        .about-purpose-panel { position:relative; overflow:hidden; min-height:190px; padding:25px; border-radius:16px; color:#fff; background:linear-gradient(135deg,#173861,#43879b); box-shadow:var(--shadow); }
        .about-purpose-panel::after { content:""; position:absolute; width:200px; height:200px; right:-90px; bottom:-100px; border:1px solid rgba(255,255,255,.22); border-radius:50%; }
        .about-purpose-panel .eyebrow { color:var(--cyan); }
        .about-purpose-panel h2 { position:relative; z-index:1; margin:8px 0; font-size:21px; }
        .about-purpose-panel p { position:relative; z-index:1; max-width:400px; margin:0; color:#dce9ef; font-size:10px; line-height:1.7; }
        .about-panel-icon { position:absolute; right:25px; top:22px; color:var(--cyan); font-size:28px; }
        .light-panel { color:var(--ink); background:#f1f5f7; border:1px solid var(--line); }
        .light-panel h2 { color:var(--ink); }.light-panel p { color:var(--gray); }.light-panel .eyebrow { color:var(--blue); }
        .about-page-values { padding:42px 0 45px; background:linear-gradient(135deg,#f5f8fa,#fff); }
        .centered-heading { text-align:center; margin-bottom:24px; }
        .about-values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
        .about-values-grid article { padding:22px 16px; border:1px solid var(--line); border-radius:13px; background:#fff; box-shadow:var(--shadow); transition:transform .25s ease, box-shadow .25s ease; }
        .about-values-grid article:hover { transform:translateY(-6px); box-shadow:0 16px 28px rgba(23,56,97,.17); }
        .about-values-grid span { color:var(--blue); font-size:24px; }
        .about-values-grid h3 { margin:10px 0 5px; color:var(--ink); font-size:14px; }
        .about-values-grid p { margin:0; color:var(--gray); font-size:9px; line-height:1.65; }
        .about-page-cta { padding:0 0 35px; background:#fff; }
        .about-page-cta .container { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:24px 30px; border-radius:17px; color:#fff; background:linear-gradient(135deg,#173861,#43879b); }
        .about-page-cta h2 { margin:5px 0; font-size:23px; }.about-page-cta p { margin:0; color:#dce9ef; font-size:10px; }
        .about-page-cta .primary { white-space:nowrap; font-size:10px; }
        @media (max-width:800px) { .inner-page.nosotros-page { padding-top:0; } .about-page-hero-inner, .about-page-cta .container { align-items:flex-start; flex-direction:column; } .about-page-signal { display:none; } .about-page-intro .container, .about-purpose-grid { grid-template-columns:1fr; } .about-values-grid { grid-template-columns:repeat(2,1fr); } }
        @media (max-width:480px) { .about-page-stats { gap:6px; }.about-page-stats article { padding:14px 6px; }.about-values-grid { gap:8px; }.about-values-grid article { padding:16px 11px; } }
        .help-page-hero { min-height:620px; padding:115px 0 45px; color:#fff; background:linear-gradient(105deg,rgba(7,23,45,.98),rgba(11,77,117,.72)),url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=2000&q=85") center/cover no-repeat; }
        .help-page-hero-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
        .help-page-hero h1 { margin:10px 0 14px; font-size:clamp(34px,4vw,50px); line-height:1.02; }
        .help-page-hero h1 span { color:var(--cyan); }
        .help-page-hero p { max-width:500px; color:#e2ebf0; font-size:12px; line-height:1.6; }
        .help-page-hero .primary { display:inline-block; margin-top:8px; font-size:10px; }
        .help-page-signal { position:relative; display:grid; place-items:center; width:220px; height:220px; margin-right:9%; border:1px solid rgba(74,174,190,.5); border-radius:50%; color:var(--cyan); }
        .help-page-signal::before, .help-page-signal::after, .help-page-signal i { content:""; position:absolute; border:1px solid rgba(74,174,190,.45); border-radius:50%; }
        .help-page-signal::before { inset:25px; }.help-page-signal::after { inset:55px; }.help-page-signal i:first-of-type { inset:82px; background:var(--cyan); box-shadow:0 0 22px rgba(74,174,190,.65); }.help-page-signal i:last-of-type { inset:105px; }
        .help-page-signal span { position:relative; z-index:1; font-size:42px; }
        .help-page-content { padding:52px 0 45px; background:#fff; }
        .help-page-heading { max-width:650px; margin-bottom:25px; }
        .help-page-heading h2 { margin:7px 0 10px; color:var(--ink); font-size:clamp(25px,3vw,37px); line-height:1.05; }
        .help-page-heading p { margin:0; color:var(--gray); font-size:12px; line-height:1.75; }
        .help-topic-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
        .help-topic-card { padding:22px 20px; border:1px solid var(--line); border-radius:14px; background:#f8fbff; box-shadow:var(--shadow); }
        .help-topic-icon { display:grid; place-items:center; width:42px; height:42px; margin-bottom:14px; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--cyan),var(--blue)); font-size:25px; }
        .help-topic-card h3 { margin:0 0 14px; color:var(--ink); font-size:17px; }
        .help-faq-list { display:grid; gap:10px; }
        .help-faq-list details { padding:0 0 10px; border-bottom:1px solid var(--line); }
        .help-faq-list details:last-child { padding-bottom:0; border-bottom:0; }
        .help-faq-list summary { cursor:pointer; color:var(--blue); font-size:12px; font-weight:700; list-style:none; }
        .help-faq-list summary::-webkit-details-marker { display:none; }
        .help-faq-list summary::after { content:"+"; float:right; color:var(--cyan); font-size:17px; line-height:1; }
        .help-faq-list details[open] summary::after { content:"−"; }
        .help-faq-list p { margin:8px 0 0; color:var(--gray); font-size:11px; line-height:1.65; }
        .help-contact-section { padding:0 0 45px; background:#fff; }
        .help-contact-box { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:26px 30px; border-radius:17px; color:#fff; background:linear-gradient(135deg,#173861,#43879b); }
        .help-contact-box h2 { margin:5px 0; font-size:23px; }
        .help-contact-box p { margin:0; color:#dce9ef; font-size:11px; }
        .help-contact-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
        .help-contact-actions .primary { white-space:nowrap; font-size:10px; }
        .help-secondary-action { padding:10px 18px; border:1px solid rgba(255,255,255,.55); border-radius:22px; color:#fff; font-size:10px; }
        .coverage-map-layout { display:grid; grid-template-columns:1.5fr 1fr; gap:20px; margin-top:28px; }
        .coverage-map-panel { position:relative; padding:20px; border-radius:16px; background:linear-gradient(160deg,var(--navy),#0c3a5e); box-shadow:0 18px 40px rgba(4,20,40,.3); }
        .coverage-map-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px; }
        .coverage-map-head h3 { margin:0; color:#fff; font-size:13px; }
        .coverage-map-legend { display:flex; gap:14px; font-size:9px; color:#c9dcee; }
        .coverage-map-legend span { display:inline-flex; align-items:center; gap:6px; }
        .coverage-map-legend i { width:9px; height:9px; border-radius:50%; display:inline-block; }
        .legend-covered { background:var(--cyan); }
        .legend-pending { background:#3c5878; }
        .gro-map-svg { width:100%; height:auto; display:block; }
        .mun { fill:#22415f; stroke:var(--navy); stroke-width:.6; cursor:pointer; transition:fill .25s ease, filter .25s ease, transform .25s ease; transform-box:fill-box; transform-origin:center; }
        .mun:hover { fill:#2f5c85; }
        .mun.is-covered { fill:var(--blue); }
        .mun.is-covered:hover { fill:#1c94ff; }
        .mun.is-active { fill:var(--cyan) !important; filter:drop-shadow(0 0 10px rgba(27,214,223,.85)); transform:scale(1.015); animation:mun-pulse 1.4s ease-in-out infinite; }
        @keyframes mun-pulse { 0%,100% { filter:drop-shadow(0 0 6px rgba(27,214,223,.6)); } 50% { filter:drop-shadow(0 0 16px rgba(27,214,223,.95)); } }
        .coverage-map-sidebar { display:flex; flex-direction:column; gap:16px; }
        .coverage-chip-card { padding:20px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:var(--shadow); }
        .coverage-chip-card h3 { margin:0 0 12px; color:var(--ink); font-size:14px; }
        .city-chips { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
        .city-chip { border:1px solid var(--line); background:#f8fbff; color:var(--blue); border-radius:16px; padding:7px 13px; font-size:10px; transition:.2s ease; }
        .city-chip:hover, .city-chip.is-active { background:linear-gradient(100deg,var(--cyan),var(--blue)); color:#fff; border-color:transparent; }
        .coverage-map-note { padding:18px 20px; border-radius:14px; color:#fff; background:linear-gradient(135deg,var(--navy),#0b4d75); font-size:11px; line-height:1.6; }
        .coverage-map-note strong { display:block; margin-bottom:6px; font-size:13px; }
        .coverage-result.is-yes { color:#0d8a95; font-weight:600; }
        .coverage-result.is-no { color:#a15b12; font-weight:600; }
        .plans-page-hero { min-height:395px; padding:92px 0 34px; color:#fff; background:#244667; }
        .plans-page-header { display:flex; align-items:center; justify-content:space-between; }
        .plans-brand-line { display:flex; align-items:center; gap:8px; color:#0dc1f8; font-size:19px; text-shadow:0 2px 8px rgba(13,193,248,.25); }
        .plans-brand-line .plans-mark { font-size:31px; line-height:1; }
        .plans-brand-line i { width:2px; height:35px; margin:0 8px; background:#0dc1f8; }
        .plans-brand-line b { font-size:28px; font-weight:800; }
        .plans-page-header p { margin:0; color:#d8e2ea; text-align:right; font-size:10px; line-height:1.35; }
        .plans-page-header p strong { color:#0dc1f8; font-size:15px; }
        .plans-page-copy { padding-top:37px; text-align:center; }
        .plans-page-copy h1 { margin:0; color:#fff; font-size:clamp(38px,5vw,62px); line-height:1.02; letter-spacing:-2px; }
        .plans-page-copy h1 span { color:#0dc1f8; font-style:italic; }
        .plans-page-copy p { margin:20px 0 0; color:#edf4f8; font-size:17px; line-height:1.15; font-style:italic; }
        .plans-offers { padding:34px 0 45px; color:#fff; background:#244667; }
        .offer-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
        .offer-card { display:grid; grid-template-columns:1fr 1.22fr; min-height:113px; overflow:hidden; border:2px solid #35688c; border-radius:18px; background:#2d587b; box-shadow:0 5px 0 rgba(13,193,248,.06); }
        .offer-price { display:flex; flex-direction:column; justify-content:center; padding:12px 10px; color:#fff; background:#4aaebe; }
        .offer-card:nth-child(2) .offer-price { background:#7c7c7c; }
        .offer-card:nth-child(3) .offer-price { background:#0daedb; }
        .offer-card:nth-child(4) .offer-price { background:#173861; }
        .offer-price small { font-size:6px; white-space:nowrap; }
        .offer-price strong { font-size:32px; line-height:.95; }
        .offer-price em { font-size:6px; font-style:normal; }
        .offer-detail { display:flex; flex-direction:column; justify-content:center; padding:10px 10px; }
        .offer-detail span { color:#d3e0ea; font-size:8px; }
        .offer-detail strong { color:#fff; font-size:18px; line-height:1; }
        .offer-detail small { margin-top:6px; color:#d3e0ea; font-size:7px; line-height:1.35; }
        .offer-note { margin:8px 0 25px; color:#d3e0ea; font-size:8px; font-style:italic; }
        .symmetric-grid { margin-top:0; }
        .symmetric-grid .offer-price { background:#7c7c7c; }
        .symmetric-grid .offer-card:nth-child(1) .offer-price { background:#8fc9d6; }
        .symmetric-grid .offer-card:nth-child(3) .offer-price { background:#0daedb; }
        .symmetric-grid .offer-card:nth-child(4) .offer-price { background:#173861; }
        @media (max-width:800px) {
            .inner-page.planes-page { padding-top:0; }
            .plans-page-header { align-items:flex-start; flex-direction:column; gap:20px; }
            .plans-page-header p { text-align:left; }
            .offer-grid { grid-template-columns:repeat(2,1fr); }
        }
        @media (max-width:480px) {
            .plans-page-hero { min-height:400px; padding-top:88px; }
            .plans-page-copy h1 { font-size:38px; }
            .plans-page-copy p { font-size:13px; }
            .offer-grid { gap:9px; }
            .offer-card { min-height:245px; }
            .offer-price { min-height:70px; }
            .offer-detail strong { font-size:16px; }
        }
        /* Vista comercial de planes: el menú permanece independiente y fijo sobre el hero. */
        .plans-page-hero {
            min-height:325px;
            padding:92px 0 26px;
            position:relative;
            isolation:isolate;
            overflow:hidden;
            background:
                linear-gradient(90deg,rgba(23,56,97,.98) 5%,rgba(23,56,97,.78) 45%,rgba(23,56,97,.2)),
                url("https://images.unsplash.com/photo-1496181133206-80ce9b88a853?auto=format&fit=crop&w=2400&q=90") center/cover no-repeat;
        }
        .plans-page-hero::before,
        .plans-page-hero::after { content:""; position:absolute; z-index:-1; border:1px solid rgba(13,193,248,.25); border-radius:50%; pointer-events:none; }
        .plans-page-hero::before { width:500px; height:500px; right:-120px; top:-260px; animation:plans-orbit 12s linear infinite; }
        .plans-page-hero::after { width:290px; height:290px; right:85px; top:-150px; border-color:rgba(1,169,226,.22); animation:plans-orbit 9s linear infinite reverse; }
        .plans-page-header { display:none; }
        .plans-page-copy { padding-top:25px; text-align:left; animation:plans-copy-in .8s cubic-bezier(.22,.61,.36,1) both; }
        .plans-page-copy::before { content:"PLANES DE INTERNET"; display:block; color:#0dc1f8; font-size:10px; font-weight:800; letter-spacing:1px; }
        .plans-page-copy h1 { margin:7px 0 10px; font-size:clamp(32px,4vw,49px); letter-spacing:-1.5px; }
        .plans-page-copy h1 span { color:#0dc1f8; font-style:normal; }
        .plans-page-copy p { margin:0; max-width:390px; color:#e7f0f5; font-size:11px; font-style:normal; line-height:1.4; }
        .plans-offers { padding:27px 0 34px; background:linear-gradient(135deg,#fff,#edf6fa); }
        .offer-grid { gap:14px; }
        .offer-card { min-height:216px; grid-template-columns:1fr; border:1px solid #e1edf1; border-radius:13px; background:#fff; box-shadow:0 8px 20px rgba(41,65,91,.11); }
        .offer-price { min-height:82px; padding:11px 14px; background:#d8f7fb !important; color:#244667; }
        .offer-card:nth-child(2) .offer-price,
        .offer-card:nth-child(4) .offer-price { background:#e2e2e2 !important; }
        .offer-card:nth-child(3) .offer-price { background:#c5f2f7 !important; }
        .offer-price strong { font-size:25px; color:#244667; }
        .offer-price small, .offer-price em { color:#587083; }
        .offer-detail { padding:12px 14px; }
        .offer-detail span, .offer-detail small { color:#5f7687; }
        .offer-detail strong { color:#244667; font-size:17px; }
        .offer-note { color:#7c7c7c; }
        .symmetric-grid .offer-price,
        .symmetric-grid .offer-card:nth-child(1) .offer-price,
        .symmetric-grid .offer-card:nth-child(3) .offer-price,
        .symmetric-grid .offer-card:nth-child(4) .offer-price { background:#e2e2e2 !important; }
        .symmetric-grid .offer-card:nth-child(3) { border-color:#0dc1f8; box-shadow:0 10px 25px rgba(13,193,248,.2); }
        .plans-reference-hero { min-height:300px; padding:88px 0 28px; color:#fff; background:linear-gradient(100deg,rgba(23,56,97,.98),rgba(23,56,97,.72)),url("https://images.unsplash.com/photo-1555041469-a586c61ea9bc?auto=format&fit=crop&w=2000&q=85") center/cover; }
        .plans-reference-hero .plans-page-copy { padding-top:20px; }
        .plans-reference-hero h1 { max-width:520px; margin:7px 0 10px; font-size:clamp(30px,4vw,46px); line-height:1.03; letter-spacing:-1.5px; }
        .plans-reference-hero h1 span { color:#0dc1f8; }
        .plans-reference-hero p { max-width:440px; margin:0; color:#e6f0f5; font-size:11px; }
        .reference-points { display:flex; flex-wrap:wrap; gap:19px; margin-top:20px; color:#d4e8ef; font-size:11px; }
        .plans-reference-content { padding:20px 0 36px; background:linear-gradient(135deg,#fff,#f1f7fa); }
        .plans-reference-heading { display:flex; align-items:center; gap:10px; margin:0 0 11px; }
        .plans-reference-heading .section-symbol { color:#17618b; font-size:24px; }
        .plans-reference-heading h2 { margin:0; color:#173861; font-size:20px; line-height:1; }
        .plans-reference-heading p { margin:4px 0 0; color:#7c7c7c; font-size:11px; }
        .symmetric-reference-heading { margin-top:22px; }
        .reference-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
        .reference-card { position:relative; display:flex; flex-direction:column; min-height:208px; overflow:hidden; border:1px solid #dce8ef; border-radius:9px; background:#fff; box-shadow:0 8px 18px rgba(23,56,97,.1); transition:transform .25s ease, box-shadow .25s ease; }
        .reference-card:hover { transform:translateY(-6px); box-shadow:0 16px 26px rgba(23,56,97,.2); }
        .reference-card header { display:grid; grid-template-columns:27px 1fr; grid-template-rows:1fr 1fr; align-items:center; min-height:52px; padding:7px 10px; color:#fff; background:linear-gradient(120deg,#173861,#01a9e2); }
        .reference-card:nth-child(2) header { background:linear-gradient(120deg,#244667,#0dc1f8); }
        .reference-card:nth-child(3) header { background:linear-gradient(120deg,#01a9e2,#0dc1f8); }
        .reference-card:nth-child(4) header { background:linear-gradient(120deg,#244667,#173861); }
        .reference-card header span { grid-row:1 / 3; display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:rgba(255,255,255,.22); }
        .reference-card header strong { font-size:11px; line-height:1; }
        .reference-card header small { font-size:7px; color:#e1f0f5; }
        .reference-badge { position:absolute; top:5px; right:6px; z-index:1; padding:3px 6px; border-radius:9px; color:#fff; background:#ff9d00; font-size:6px; font-weight:800; }
        .reference-price { padding:9px 10px 2px; color:#173861; }
        .reference-price small { display:block; color:#7c7c7c; font-size:7px; }
        .reference-price strong { font-size:24px; line-height:1; }
        .reference-price em { color:#7c7c7c; font-size:8px; font-style:normal; }
        .reference-card ul { flex:1; margin:3px 10px 6px; padding:0; list-style:none; color:#4f6e82; font-size:11px; line-height:1.5; }
        .reference-card li::before { content:"✓"; margin-right:5px; color:#01a9e2; font-weight:800; }
        .reference-card button, .plans-help button { margin:0 10px 10px; min-height:24px; border:1px solid #01a9e2; border-radius:14px; color:#01a9e2; background:#fff; font-size:7px; font-weight:700; }
        .reference-card-featured { border:2px solid #0dc1f8; }
        .reference-card-featured button, .plans-help button { color:#fff; background:#087df4; }
        .plans-bottom-row { display:grid; grid-template-columns:1.5fr .9fr .9fr; gap:10px; margin-top:18px; }
        .plans-compare, .plans-help { min-height:72px; padding:12px; border:1px solid #dce8ef; border-radius:9px; background:#fff; box-shadow:0 5px 12px rgba(23,56,97,.06); }
        .plans-compare strong, .plans-help strong { color:#173861; font-size:9px; }
        .plans-compare p, .plans-help p { margin:5px 0 8px; color:#7c7c7c; font-size:11px; }
        .plans-help button { width:calc(100% - 20px); margin:0; }
        @media (max-width:800px) {
            .reference-grid { grid-template-columns:repeat(2,1fr); }
            .plans-bottom-row { grid-template-columns:1fr 1fr; }
            .plans-compare { grid-column:1 / -1; }
        }
        @media (max-width:480px) {
            .plans-reference-hero { min-height:350px; }
            .reference-grid { gap:8px; }
            .reference-card { min-height:220px; }
            .plans-bottom-row { grid-template-columns:1fr; }
            .plans-compare { grid-column:auto; }
        }
        /* Tarjetas tipo catálogo, inspiradas en la referencia de paquetes. */
        .offer-card { display:flex; flex-direction:column; min-height:285px; padding:0; overflow:hidden; border:1px solid #dce8ef; border-radius:12px; background:#fff; box-shadow:0 12px 24px rgba(41,65,91,.1); transform:translateY(24px); opacity:0; animation:offer-card-in .65s cubic-bezier(.22,.61,.36,1) forwards; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
        .offer-card:nth-child(1) { animation-delay:.12s; }
        .offer-card:nth-child(2) { animation-delay:.2s; }
        .offer-card:nth-child(3) { animation-delay:.28s; }
        .offer-card:nth-child(4) { animation-delay:.36s; }
        .offer-card:hover { transform:translateY(-9px) scale(1.018); border-color:#0dc1f8; box-shadow:0 20px 34px rgba(23,56,97,.2),0 0 0 3px rgba(13,193,248,.1); }
        .offer-card-head { display:grid; grid-template-columns:32px 1fr; grid-template-rows:1fr 1fr; align-items:center; min-height:58px; padding:8px 12px; color:#fff; background:linear-gradient(120deg,#173861,#01a9e2); }
        .offer-card:nth-child(2) .offer-card-head { background:linear-gradient(120deg,#244667,#0dc1f8); }
        .offer-card:nth-child(3) .offer-card-head { background:linear-gradient(120deg,#01a9e2,#0dc1f8); }
        .offer-card:nth-child(4) .offer-card-head { background:linear-gradient(120deg,#7c7c7c,#9aa8b1); }
        .offer-card-head span { grid-row:1 / 3; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; color:#fff; background:rgba(255,255,255,.2); font-size:16px; transition:transform .3s ease, background-color .3s ease; }
        .offer-card:hover .offer-card-head span { transform:rotate(-10deg) scale(1.16); background:rgba(255,255,255,.35); }
        .offer-card-head strong { font-size:12px; line-height:1; }
        .offer-card-head small { color:#e3f1f6; font-size:7px; }
        .offer-price { min-height:78px; padding:11px 14px 6px; background:#fff !important; color:#173861; }
        .offer-price strong { color:#173861; font-size:28px; }
        .offer-price small { color:#587083; font-size:7px; }
        .offer-price em { color:#587083; font-size:7px; }
        .offer-detail { flex:1; padding:2px 14px 8px; }
        .offer-detail span { color:#7c7c7c; font-size:8px; }
        .offer-detail strong { color:#173861; font-size:10px; }
        .offer-detail small { color:#587083; font-size:8px; }
        .offer-button { position:relative; overflow:hidden; margin:0 12px 12px; min-height:27px; border:1px solid #01a9e2; border-radius:16px; color:#01a9e2; background:#fff; font-size:8px; font-weight:700; transition:color .25s ease, background-color .25s ease, transform .25s ease, box-shadow .25s ease; }
        .offer-button::after { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.7),transparent 70%); transform:translateX(-120%); transition:transform .55s ease; }
        .offer-button:hover { color:#fff; background:#01a9e2; transform:translateY(-2px); box-shadow:0 7px 14px rgba(1,169,226,.28); }
        .offer-button:hover::after { transform:translateX(120%); }
        .offer-card:nth-child(1) .offer-button,
        .offer-card:nth-child(3) .offer-button,
        .symmetric-grid .offer-card:nth-child(1) .offer-button,
        .symmetric-grid .offer-card:nth-child(3) .offer-button { color:#fff; background:#173861; }
        .symmetric-grid .offer-card:nth-child(3) { border-color:#0dc1f8; }
        .symmetric-grid .offer-card .offer-card-head { background:linear-gradient(120deg,#173861,#01a9e2); }
        .symmetric-grid .offer-card:nth-child(2) .offer-card-head,
        .symmetric-grid .offer-card:nth-child(4) .offer-card-head { background:linear-gradient(120deg,#7c7c7c,#9aa8b1); }
        .symmetric-grid .offer-price { background:#fff !important; }
        @keyframes plans-copy-in { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:none; } }
        @keyframes offer-card-in { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
        @keyframes plans-orbit { to { transform:rotate(360deg); } }
        @media (prefers-reduced-motion: reduce) {
            .plans-page-hero::before,
            .plans-page-hero::after,
            .plans-page-copy,
            .offer-card { animation:none; opacity:1; transform:none; }
            .offer-card { transition:none; }
        }
        .coverage-page-hero,
        .about-page-hero,
        .plans-reference-hero,
        .help-page-hero { min-height:620px; }
        @media (max-width:800px) {
            .coverage-page-hero,
            .about-page-hero,
            .plans-reference-hero,
            .help-page-hero { min-height:560px; }
            .help-page-hero-inner,
            .help-contact-box { align-items:flex-start; flex-direction:column; }
            .help-page-signal { display:none; }
            .help-topic-grid { grid-template-columns:1fr; }
            .help-contact-actions { width:100%; }
        }
        @media (max-width:800px) { .inner-topbar { height:70px; } .inner-topbar .container { width:min(100% - 28px, 1135px); } .inner-topbar .brand-logo { width:155px; height:48px; } .hero { min-height:560px; } .info-grid, .page-plans, .contact-box, .coverage-map-layout { grid-template-columns:1fr; } .inner-page { padding-top:90px; } .inner-page.planes-page, .inner-page.cobertura-page, .inner-page.ayuda-page { padding-top:0; } .coverage-page-hero-inner, .coverage-help .container { align-items:flex-start; flex-direction:column; } .coverage-signal { display:none; } .coverage-zone-grid { grid-template-columns:repeat(2,1fr); } }