/* GRÚAS ANFE · web estática y PWA; sin bibliotecas externas */
:root{--navy:#071b2a;--navy2:#102e44;--lime:#c8fc59;--paper:#f7faf9;--white:#fff;--ink:#0f2838;--muted:#526b7a;--line:#d9e7ea;--r:22px;--shadow:0 22px 60px rgba(5,28,45,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2ca3e2;outline-offset:3px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-99px;background:#fff;color:#000;padding:10px;z-index:500}.skip-link:focus{top:8px}.topbar{background:#c8fc59;color:#15352b;font-size:12px;font-weight:800}.topbar-inner{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.dot,.green-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#00a46d;margin-right:8px;box-shadow:0 0 0 4px #00a46d1a}.header{position:sticky;top:0;z-index:50;background:rgba(7,27,42,.97);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff18;color:white}.nav{height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;font-size:23px;letter-spacing:-.055em;line-height:1}.brand strong{color:var(--lime)}.brand small{display:block;font-size:9px;letter-spacing:.14em;color:#b4cad5;font-weight:700;margin-top:7px}.brand img{border-radius:10px}.menu{display:flex;gap:27px;align-items:center;font-size:13px;color:#d7e5ea;font-weight:700}.menu a:hover{color:var(--lime)}.menu a[aria-current=page]{color:var(--lime)}.menu .menu-cta{background:var(--lime);padding:12px 19px;color:#0c271c;border-radius:50px;font-weight:900}.menu .menu-cta:hover{background:white;color:#092432}.menu-toggle{display:none;background:transparent;border:1px solid #718c9b;color:white;border-radius:9px;font-size:23px;width:42px;height:42px}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#ccfd70}.eyebrow.dark{color:#32768b}.eyebrow.light{color:#c8fc59}.hero{background:radial-gradient(circle at 9% 15%,#1d4d4c 0,transparent 35%),linear-gradient(115deg,#071b2a,#102e44);color:white;overflow:hidden;padding-top:76px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:44px;align-items:center}.hero-copy h1{font-size:clamp(42px,5.3vw,72px);letter-spacing:-.065em;line-height:1.04;margin:24px 0 22px;font-weight:950}.hero-copy h1 em{font-style:normal;color:var(--lime)}.lead{font-size:17px;color:#c5d5df;line-height:1.8}.hero-copy .lead{max-width:610px}.lead strong{color:white}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin:26px 0 15px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:7px;border-radius:55px;padding:15px 21px;font-size:14px;font-weight:900;min-height:50px;transition:transform .15s ease,background-color .15s ease}.btn:hover{transform:translateY(-2px)}.btn-lime{background:var(--lime);color:#132a29}.btn-lime:hover{background:#dfff9a}.btn-ghost{border-color:#64869d;color:white;background:#ffffff09}.btn-ghost:hover{background:#ffffff18}.btn-outline{background:transparent;border-color:#b5cfda;color:white}.btn-outline:hover{background:#ffffff15}.btn-navy{background:#0e3045;color:white}.btn-navy:hover{background:#20506a}.btn-full{width:100%;border-radius:12px;cursor:pointer}.hero-small{font-size:12px;color:#a8c3d0;margin-top:16px}.hero-visual{position:relative;margin:0 0 28px;min-width:0}.hero-visual img{width:100%;height:440px;object-fit:cover;object-position:47% center;border-radius:26px;box-shadow:0 28px 80px #0006}.hero-float{position:absolute;right:18px;bottom:-10px;display:flex;align-items:center;gap:12px;background:white;color:var(--ink);padding:13px 16px;border-radius:16px;box-shadow:var(--shadow)}.hero-float strong,.hero-float small{display:block}.hero-float strong{font-size:14px}.hero-float small{font-size:11px;color:var(--muted)}.clock-icon{background:#d8fd9e;border-radius:100%;width:49px;height:49px;display:grid;place-items:center;font-weight:900;font-size:12px}.hero-bottom{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #ffffff25;padding:18px 0 22px;margin-top:42px;color:#c3d6dc;font-size:12px;font-weight:850}.hero-bottom span::before{content:'✓';color:#c8fc59;margin-right:8px}.strip{background:white;border-bottom:1px solid var(--line)}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:27px 0}.strip-grid>div{display:flex;flex-direction:column;align-items:center;gap:2px;border-right:1px solid var(--line)}.strip-grid>div:last-child{border-right:0}.strip strong{font-size:17px}.strip span{color:var(--muted);font-size:12px}.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-heading>div{max-width:590px}.section-heading h2,.coverage h2,.faq-grid h2,.form-copy h2,.article-grid h2{font-size:clamp(29px,3.4vw,45px);letter-spacing:-.055em;line-height:1.15;margin:12px 0 0}.section-heading>p{max-width:340px;color:var(--muted);margin:0;font-size:15px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 28px #041f3109;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-img-link{display:block;overflow:hidden;aspect-ratio:1.47}.service-img-link img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.service-card:hover img{transform:scale(1.04)}.service-content{padding:20px 22px 23px}.service-content h3{font-size:20px;letter-spacing:-.03em;margin-bottom:7px}.service-content p{font-size:13px;color:var(--muted);min-height:63px;margin-bottom:13px}.arrow-link{font-size:13px;color:#14617f;font-weight:900}.arrow-link span{margin-left:4px}.image-disclosure{color:#667c89;font-size:11px;margin:18px 1px 0}.special{margin-top:30px;border-radius:18px;background:#e8f2ec;padding:23px 27px;display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #d4e7d8}.special-label{font-size:11px;color:#34745d;letter-spacing:.1em;text-transform:uppercase;font-weight:950}.special h3{margin:7px 0;font-size:21px}.special p{font-size:13px;color:#59746a;max-width:730px;margin:0}.coverage{background:#e9f3f5}.coverage-grid{display:grid;grid-template-columns:1fr .86fr;gap:80px;align-items:center}.coverage h2{max-width:590px}.coverage p{color:#526c78;line-height:1.8}.coverage p strong{color:#153a4a}.area-links{display:flex;gap:12px;flex-wrap:wrap;margin:21px 0}.area-links a{background:#fff;border-radius:10px;padding:12px 15px;font-weight:850;font-size:13px;color:#17506d;border:1px solid #d1e3e9}.fine{font-size:12px!important;color:#6c8290!important;line-height:1.7}.coverage-panel{background:#102e44;color:white;border-radius:25px;padding:36px 40px;box-shadow:var(--shadow)}.cover-head{color:#d1e5e6;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:850;margin-bottom:20px}.cover-city strong{font-size:25px;display:block;letter-spacing:-.025em}.cover-city small{color:#a6c7d2}.cover-line{width:2px;height:29px;margin:12px 0 12px 7px;background:linear-gradient(#c8fc59,#5c8a8e)}.cover-map{margin-top:26px;display:inline-block;color:var(--lime);font-size:13px;font-weight:850}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps>div{background:white;padding:30px;border-radius:18px;border:1px solid var(--line)}.steps span{color:#44966b;font-size:33px;font-weight:950;letter-spacing:-.08em}.steps h3{font-size:21px;margin:15px 0 9px}.steps p{font-size:14px;color:var(--muted);margin:0}.form-section{background:#071b2a;color:white}.form-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:start}.form-copy h2{color:white}.form-copy>p{color:#bdd1da;line-height:1.8;max-width:440px;margin-top:25px}.contact-callout{display:grid;gap:4px;margin-top:25px}.contact-callout span{font-size:12px;color:#a4becd;margin-top:8px}.contact-callout a{font-size:23px;font-weight:900;color:#c8fc59}.form-card{background:#fff;color:#122f3d;border-radius:23px;padding:30px;box-shadow:0 25px 70px #0003}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:16px}.field label{font-weight:800;font-size:12px;color:#355667;display:block;margin-bottom:7px}.field select,.field input,.field textarea{width:100%;min-height:50px;border:1px solid #c5d8dc;border-radius:10px;padding:12px 14px;background:#fafdfe;color:#102d3c;outline:none}.field textarea{min-height:94px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#268bab;box-shadow:0 0 0 3px #268bab22}.check{display:flex;align-items:flex-start;gap:11px;color:#5c7482;font-size:12px;line-height:1.55;margin:7px 0 22px;cursor:pointer}.check input{margin-top:4px;accent-color:#0d6783;width:18px;height:18px;flex:0 0 18px}.check a{color:#116180;text-decoration:underline}.form-note{font-size:11px;color:#718995;margin:13px 0 0}.form-status{min-height:12px;color:#a6332a;font-weight:700;font-size:12px;margin:10px 0 0}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq-grid>div>p{color:var(--muted)}.faqs{display:grid;gap:10px}.faqs details{background:#fff;border:1px solid #d9e5e8;border-radius:12px;padding:19px 20px}.faqs summary{font-weight:850;cursor:pointer;list-style:none;position:relative;padding-right:30px}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'+';position:absolute;right:0;top:-5px;color:#0a6987;font-size:24px;font-weight:500}.faqs details[open] summary:after{content:'−'}.faqs p{margin:11px 0 0;color:var(--muted);font-size:14px}.cta-banner{background:#c8fc59;color:#122c28;padding:48px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-inner .eyebrow.light{color:#1f6048}.cta-inner h2{font-size:clamp(25px,3vw,37px);letter-spacing:-.045em;margin:8px 0 2px}.cta-inner p{margin:0;font-size:14px}.cta-actions{display:flex;gap:9px;flex-wrap:wrap}.cta-actions .btn-lime{background:#0b2e43;color:white}.cta-actions .btn-outline{border-color:#27634f;color:#1e4c3a}.footer{background:#061724;color:#d5e4e9;padding:68px 0 22px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr .65fr;gap:55px}.footer-brand{font-weight:950;font-size:27px;letter-spacing:-.04em;color:white}.footer-brand span{color:#c8fc59}.footer-brand small{font-size:12px;border-radius:30px;background:#31554a;padding:5px 9px;vertical-align:middle;letter-spacing:0}.footer-grid p{font-size:13px;color:#9eb8c7;line-height:1.8}.footer-grid a:hover{color:#c8fc59}.footer-grid h2{font-size:15px;color:white;margin:2px 0 20px}.footer-grid>div:last-child>a{display:block;font-size:13px;margin:9px 0}.foot-link{font-size:13px;color:#c8fc59}.footer-tags{display:flex;gap:7px;flex-wrap:wrap}.footer-tags span{border:1px solid #356074;font-size:11px;border-radius:50px;padding:5px 10px}.foot-bottom{border-top:1px solid #285063;margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:20px}.foot-bottom p{font-size:11px;color:#8fa7b4;max-width:540px}.mobile-actions{display:none}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#102e44;color:white;border-radius:12px;padding:11px 16px;z-index:95;font-size:12px;display:none}.inner-hero{background:linear-gradient(125deg,#071b2a,#183b52);color:white;padding:29px 0 74px}.breadcrumb{display:flex;gap:10px;font-size:11px;color:#c3d4de;margin-bottom:42px;flex-wrap:wrap}.breadcrumb a:hover{color:#c8fc59}.inner-grid{display:grid;grid-template-columns:1fr .95fr;gap:58px;align-items:center}.inner-grid h1{font-size:clamp(36px,4.5vw,59px);letter-spacing:-.05em;line-height:1.12;margin:19px 0 20px}.inner-image img{height:380px;width:100%;object-fit:cover;border-radius:25px;box-shadow:0 25px 70px #0004}.article-grid{display:grid;grid-template-columns:1.5fr .65fr;gap:78px;align-items:start}.article-grid article p{line-height:1.9;color:#4c6878}.article-grid article h3{margin:29px 0 12px}.tick-list{padding-left:22px;line-height:2;color:#314e5e}.tick-list li::marker{color:#2d9565}.sidebar{padding:29px;border-radius:21px;background:#102e44;color:white}.sidebar h3{font-size:23px;line-height:1.15}.sidebar p{font-size:13px;color:#c5d5dd}.sidebar .btn{width:100%;font-size:12px}.sidebar .phone-link{font-size:12px;display:block;color:#c8fc59;margin-top:15px;text-align:center}.aside-rule{height:1px;background:#376074;margin:24px 0}.sidebar strong{font-size:13px}.alt{background:#ebf3f5}.policy-top{background:#0c293b;color:white;padding:32px 0 62px}.policy-top h1{font-size:clamp(31px,4vw,48px);letter-spacing:-.05em;margin:17px 0}.policy-top p{color:#bad0db}.policy-content{max-width:820px}.policy-content h2{margin:31px 0 10px;font-size:21px}.policy-content p{color:#496574;line-height:1.8}.policy-content a{color:#066b8b;text-decoration:underline}.policy-alert{background:#fff3d8;border-left:4px solid #ac811b;padding:16px 18px}.not-found{min-height:65vh;padding:100px 0}.not-found h1{font-size:clamp(35px,5vw,64px);letter-spacing:-.05em;margin:13px 0}.not-found p{max-width:600px;color:#58717d}.not-found .btn-lime{background:#cbfc71}
@media(max-width:1000px){.menu{gap:13px}.hero-grid{gap:25px}.coverage-grid{gap:36px}.form-grid{gap:36px}.footer-grid{gap:25px}}
@media(max-width:780px){.container{width:min(100% - 34px,640px)}.topbar-inner>span:last-child{display:none}.nav{height:70px}.menu-toggle{display:block}.menu{position:absolute;top:70px;left:0;right:0;background:#0a2336;padding:14px 20px 22px;display:none;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #34556a}.menu.is-open{display:flex}.menu a{padding:12px 8px;border-bottom:1px solid #183e51}.menu .menu-cta{text-align:center;margin-top:12px;padding:13px}.hero{padding-top:42px}.hero-grid,.coverage-grid,.form-grid,.faq-grid,.inner-grid,.article-grid{grid-template-columns:1fr;gap:30px}.hero-copy h1{font-size:clamp(40px,9.5vw,62px)}.hero-visual img{height:330px}.hero-bottom{margin-top:27px;gap:12px}.strip-grid{gap:7px}.strip strong{font-size:14px}.strip span{font-size:10px;text-align:center}.section{padding:62px 0}.section-heading{display:block}.section-heading>p{margin-top:17px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.special{align-items:start;flex-direction:column}.coverage-panel{padding:30px}.steps{grid-template-columns:1fr;gap:13px}.form-grid{gap:24px}.faq-grid{gap:20px}.cta-inner{display:block}.cta-actions{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.foot-bottom{display:block}.inner-image img{height:300px}.inner-hero{padding-bottom:50px}.breadcrumb{margin-bottom:25px}.mobile-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:7px;position:fixed;bottom:0;left:0;right:0;z-index:80;background:#061d2c;padding:10px 11px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #0c263133}.mobile-actions a{border:1px solid #315367;border-radius:10px;text-align:center;padding:12px 9px;color:white;font-size:13px;font-weight:900}.mobile-actions a.wa{background:#baf454;color:#102c26;border-color:#baf454}.footer{padding-bottom:95px}.toast{bottom:85px}}
@media(max-width:520px){.brand{font-size:19px}.brand small{font-size:7px}.hero-visual img{height:267px}.hero-copy h1{font-size:42px}.lead{font-size:15px}.btn{padding:13px 16px;font-size:13px}.hero-buttons>.btn{flex-grow:1}.services-grid{grid-template-columns:1fr}.service-img-link{aspect-ratio:1.65}.service-content p{min-height:0}.strip-grid{grid-template-columns:1fr;gap:10px;padding:17px 0}.strip-grid>div{border-right:0;padding-bottom:8px;border-bottom:1px solid var(--line)}.strip-grid>div:last-child{border-bottom:0;padding-bottom:0}.form-two{grid-template-columns:1fr;gap:0}.form-card{padding:20px}.coverage-panel{padding:23px}.footer-grid{grid-template-columns:1fr;gap:25px}.hero-float{bottom:-12px;right:8px;padding:10px}.hero-bottom{font-size:10px}.cta-actions{display:grid}.inner-image img{height:230px}.article-grid{gap:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.install-btn{margin-top:5px;font-size:12px;padding:10px 17px;min-height:40px}.install-btn[hidden]{display:none}
/* Galería comercial: imágenes aportadas y piezas ilustrativas etiquetadas */
.gallery-section{background:#f2f7f8}.gallery-section .photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}.photo-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0;box-shadow:0 6px 24px #0b283411}.photo-card img{width:100%;height:220px;object-fit:cover;object-position:center}.photo-card figcaption{font-size:13px;font-weight:800;color:#29465a;padding:14px 15px}.gallery-all{margin-top:22px}.gallery-section h2{font-size:clamp(27px,3vw,39px);letter-spacing:-.04em;margin:9px 0}.lede-gal{max-width:700px;color:#506b7a}.faq-items{display:grid;gap:12px}.faq-items details{background:#fff;border:1px solid #d9e7ea;border-radius:12px;padding:18px 22px;max-width:810px}.faq-items summary{font-weight:800;cursor:pointer}.faq-items p{color:#58717d;margin:9px 0 0}
@media(max-width:1000px){.gallery-section .photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.gallery-section .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-card img{height:165px}}
@media(max-width:440px){.gallery-section .photo-grid{grid-template-columns:1fr}.photo-card img{height:220px}}

/* Identidad comercial GRÚAS ANFE - rojo, blanco, grafito · V2 2026-10-22 */
:root{--navy:#111827;--navy2:#202733;--lime:#db232f;--paper:#f9fafb;--white:#fff;--ink:#18202b;--muted:#586577;--line:#e0e4e8;--shadow:0 22px 60px rgba(15,23,42,.13)}
.topbar{background:#bd202b;color:#fff}.dot,.green-dot{background:#fda4af;box-shadow:0 0 0 4px #ffffff1c}
.header{background:rgba(14,20,29,.98)}.brand strong,.menu a:hover,.menu a[aria-current=page]{color:#ff5a63}
.menu .menu-cta{background:#d7232c;color:#fff}.menu .menu-cta:hover{background:#b91c1c;color:#fff}
.eyebrow,.eyebrow.light{color:#ff858a}.eyebrow.dark{color:#b91c1c}
.hero{background:radial-gradient(circle at 9% 15%,#4c232c 0,transparent 36%),linear-gradient(115deg,#10151e,#29303c)}
.hero-copy h1 em{color:#ff5b64}
.btn-lime{background:#d7232c;color:#fff}.btn-lime:hover{background:#b91c1c;color:#fff}
.hero-bottom span::before{color:#ff6b75}.clock-icon{background:#ffdfe2;color:#981b22}
.arrow-link{color:#ae1727}.special{background:#fff1f2;border-color:#fecdd3}.special-label{color:#a11f2a}.special p{color:#6a5155}
.coverage{background:#f2f4f6}.area-links a{color:#8f1b28;border-color:#e5d9dc}.coverage-panel,.sidebar{background:#222631}
.cover-line{background:linear-gradient(#f43f5e,#ec8e96)}.cover-map{color:#ffa1a8}.steps span,.tick-list li::marker{color:#d7232c}
.form-section{background:#151b26}.contact-callout a,.sidebar .phone-link,.foot-link{color:#ff8e94}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#be123c;box-shadow:0 0 0 3px #be123c22}
.check input{accent-color:#b91c1c}.check a{color:#a72132}
.cta-banner{background:#fff0f0;color:#241923}.cta-inner .eyebrow.light{color:#a81c2a}.cta-actions .btn-lime{background:#b91c1c;color:white}.cta-actions .btn-outline{border-color:#ae404a;color:#70202a}
.footer{background:#10151e}.footer-brand span{color:#ff6970}.footer-brand small{background:#573239}.footer-grid a:hover{color:#ff8e94}
.breadcrumb a:hover{color:#ff8e94}.inner-hero{background:linear-gradient(125deg,#131922,#2a2d35)}
.mobile-actions{background:#111827}.mobile-actions a.wa{background:#d7232c;border-color:#d7232c;color:white}
.not-found .btn-lime{background:#d7232c;color:white}
.gallery-section{background:#f5f6f7}
@media(max-width:780px){.menu{background:#151b26}.menu a{border-bottom-color:#36393e}}