:root{--pv-red:#e60012;--pv-ink:#111827;--pv-navy:#071724;--pv-muted:#627187;--pv-line:#dfe7ef;--pv-surface:#fff}
.zone-page{min-height:calc(100vh - 118px);padding:clamp(38px,6vw,78px) clamp(18px,5vw,86px) clamp(55px,7vw,94px);background:radial-gradient(circle at 84% 7%,rgba(230,0,18,.11),transparent 24rem),linear-gradient(90deg,rgba(230,0,18,.035) 1px,transparent 1px),linear-gradient(rgba(230,0,18,.035) 1px,transparent 1px),#fbfcfe;background-size:auto,43px 43px,43px 43px}
.zone-shell{max-width:1210px;margin:auto}.zone-heading{max-width:760px;margin-bottom:32px}.zone-kicker{margin:0 0 10px;color:var(--pv-red);font:800 11px/1.2 "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase}.zone-heading h1{max-width:760px;margin:0;color:var(--pv-ink);font:800 clamp(39px,5.4vw,70px)/.96 "Manrope",sans-serif;letter-spacing:-.06em}.zone-heading h1 em{color:var(--pv-red);font-style:normal}.zone-heading>p:last-child{max-width:650px;margin:18px 0 0;color:var(--pv-muted);font:400 17px/1.55 "DM Sans",sans-serif}.zone-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:24px;align-items:start}.zone-card,.zone-form-card,.zone-map-card{border:1px solid rgba(210,219,229,.92);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 18px 45px rgba(24,39,61,.08),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(12px)}
.speed-gauge{position:relative;display:grid;place-items:center;min-height:250px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 70%,rgba(230,0,18,.17),transparent 22%),linear-gradient(135deg,#101f34,#0b1320)}.speed-gauge:before{content:"";position:absolute;width:330px;height:330px;border:28px solid rgba(255,255,255,.11);border-bottom-color:var(--pv-red);border-left-color:rgba(230,0,18,.54);border-radius:50%;transform:rotate(-42deg)}.speed-gauge b{position:relative;z-index:1;color:#fff;font:800 clamp(50px,6vw,76px)/.9 "Manrope",sans-serif;letter-spacing:-.08em}.speed-gauge span{position:relative;z-index:1;margin-top:-72px;color:#e6eefa;font:600 13px/1 "DM Sans",sans-serif;letter-spacing:.09em;text-transform:uppercase}.guide-card{padding:27px}.guide-card h2,.zone-form-card h2,.zone-map-card h2{margin:0 0 18px;color:#1a2738;font:800 clamp(23px,2.6vw,32px)/1.08 "Manrope",sans-serif;letter-spacing:-.04em}.guide-list{display:grid;gap:13px;margin:0;padding:0;list-style:none}.guide-list li{display:grid;grid-template-columns:30px 1fr;gap:12px;color:#59677b;font:400 14px/1.45 "DM Sans",sans-serif}.guide-list i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff0f1;color:var(--pv-red);font-style:normal}.guide-list strong{display:block;color:#1b2736;font-weight:800}.zone-action{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;margin-top:24px;padding:0 25px;border-radius:999px;background:linear-gradient(135deg,#fb1b32,#d90012);box-shadow:0 12px 24px rgba(230,0,18,.2);color:#fff!important;font:800 14px/1 "DM Sans",sans-serif;text-decoration:none}.zone-action::after{content:"→";font-size:21px;font-weight:400}.zone-note{margin:15px 0 0;color:#78869a;font:400 12px/1.45 "DM Sans",sans-serif}.zone-note a{color:var(--pv-red)}
.zone-form-card{padding:clamp(22px,3.2vw,38px)}.zone-form-card>p{margin:-7px 0 22px;color:#66758a;font:400 14px/1.45 "DM Sans",sans-serif}.zone-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zone-form label{display:grid;gap:7px;color:#435c78;font:800 10px/1 "DM Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase}.zone-form .wide{grid-column:1/-1}.zone-form input,.zone-form select,.zone-form textarea{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #cbd9e8;border-radius:11px;outline:0;background:rgba(245,249,253,.9);color:#1c3553;font:600 14px/1.25 "DM Sans",sans-serif}.zone-form textarea{resize:vertical}.zone-form input:focus,.zone-form select:focus,.zone-form textarea:focus{border-color:var(--pv-red);box-shadow:0 0 0 3px rgba(230,0,18,.1)}.zone-form .consent{display:flex;grid-column:1/-1;align-items:flex-start;gap:9px;color:#65758a;font:400 12px/1.45 "DM Sans",sans-serif;letter-spacing:0;text-transform:none}.zone-form .consent input{width:16px;height:16px;margin:0;accent-color:var(--pv-red)}.zone-form button{border:0;cursor:pointer}.zone-form output{grid-column:1/-1;min-height:1.3em;color:#536376;font:500 13px/1.35 "DM Sans",sans-serif}.zone-form output[data-state="success"]{color:#118349}.zone-form output[data-state="error"]{color:#be1424}
.map-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.zone-map-card{padding:26px;min-height:235px}.map-art{position:relative;display:grid;place-items:center;height:135px;margin-bottom:18px;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#dde9f6)}.map-art:before,.map-art:after{content:"";position:absolute;border:1px solid rgba(230,0,18,.18);border-radius:50%}.map-art:before{width:230px;height:230px}.map-art:after{width:145px;height:145px;border-color:rgba(50,113,171,.22)}.map-art i{position:relative;z-index:1;display:grid;place-items:center;width:43px;height:43px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--pv-red);box-shadow:0 10px 20px rgba(230,0,18,.24)}.map-art i:after{content:"•";transform:rotate(45deg);color:#fff;font-size:30px}.zone-map-card p{color:#637186;font:400 14px/1.5 "DM Sans",sans-serif}.zone-map-card a{color:var(--pv-red);font:800 13px/1 "DM Sans",sans-serif;text-decoration:none}.pqr-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.pqr-actions .zone-action{margin-top:0}.outline-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid #b6c3d1;border-radius:999px;color:#21304a;font:800 13px/1 "DM Sans",sans-serif;text-decoration:none;background:rgba(255,255,255,.62)}
@media(max-width:850px){.zone-grid{grid-template-columns:1fr}.map-stack{grid-template-columns:1fr}.speed-gauge{min-height:215px}}@media(max-width:560px){.zone-page{padding:34px 16px 52px}.zone-heading h1{font-size:39px}.zone-heading>p:last-child{font-size:15px}.zone-form{grid-template-columns:1fr}.zone-form .wide{grid-column:auto}.zone-form .consent,.zone-form output{grid-column:auto}.guide-card,.zone-form-card,.zone-map-card{padding:21px}.pqr-actions{display:grid}.zone-action,.outline-action{width:100%;box-sizing:border-box}}

/* Medidor decorativo: no sustituye el test real enlazado a Speedtest. */
.speed-gauge{isolation:isolate;display:flex;min-height:310px;padding:22px;align-items:center;justify-content:center;flex-direction:column;gap:12px}.speed-gauge:before{content:none}.speed-ring{position:absolute;z-index:-1;width:min(292px,74%);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 220deg,#e60012 0deg,var(--speed-progress,3deg),rgba(255,255,255,.13) var(--speed-progress,3deg) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 21px),#000 calc(100% - 20px));mask:radial-gradient(farthest-side,transparent calc(100% - 21px),#000 calc(100% - 20px));filter:drop-shadow(0 0 15px rgba(230,0,18,.2));transition:background .08s linear}.speed-readout{position:relative;z-index:1;display:grid;place-items:center;gap:4px}.speed-readout output{color:#fff;font:800 clamp(58px,7vw,88px)/.88 "Manrope",sans-serif;letter-spacing:-.09em}.speed-readout span{margin:0;color:#f4e8ed;font:800 13px/1 "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase}.speed-readout small{margin-top:9px;color:#cbd5e1;font:600 11px/1.2 "DM Sans",sans-serif;letter-spacing:.06em}.speed-replay{position:relative;z-index:1;border:0;background:transparent;color:#e3e9f2;font:700 11px/1 "DM Sans",sans-serif;letter-spacing:.04em;cursor:pointer}.speed-replay:hover,.speed-replay:focus-visible{color:#fff;text-decoration:underline;outline:0}.speed-replay:disabled{opacity:.54;cursor:wait}.speed-real-test{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:0 18px;border-radius:999px;background:linear-gradient(110deg,#f5182d,#d70012);box-shadow:0 10px 21px rgba(230,0,18,.26);color:#fff;font:800 12px/1 "DM Sans",sans-serif;text-decoration:none}.speed-real-test b{font-size:18px;font-weight:400}.speed-real-test:hover{transform:translateY(-2px)}@media(max-width:850px){.speed-gauge{min-height:290px}}@media(prefers-reduced-motion:reduce){.speed-ring,.speed-real-test{transition:none}.speed-real-test:hover{transform:none}}