
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#080808;color:#fff;line-height:1.55}.container{width:min(1120px,92%);margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.96);backdrop-filter:blur(12px);border-bottom:1px solid #252525}.nav{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand-mark{font-family:Montserrat;font-weight:900;font-size:34px;letter-spacing:-5px}.brand-mark span{color:#ffd400}.brand-text{display:flex;flex-direction:column;border-left:1px solid #ffd400;padding-left:12px}.brand-text strong{font-family:Montserrat;font-size:14px}.brand-text small{color:#ffd400;font-weight:800;letter-spacing:2px}.links{display:flex;gap:20px;margin-left:auto}.links a{color:#ddd;text-decoration:none;font-weight:700;font-size:13px}.links a:hover{color:#ffd400}.nav-call,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;border-radius:10px}.nav-call{background:#ffd400;color:#080808;padding:11px 18px}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{overflow:hidden;background:radial-gradient(circle at 85% 45%,#26200a 0,#080808 42%);padding:95px 0 80px;border-bottom:1px solid #222}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:900;color:#ffd400;margin-bottom:12px}.hero h1{font-family:Montserrat;font-size:clamp(44px,6vw,76px);line-height:1.02;margin:0 0 25px;letter-spacing:-3px}.hero h1 span{color:#ffd400}.lead{font-size:19px;color:#c9c9c9;max-width:650px}.hero-actions{display:flex;gap:13px;margin:30px 0}.btn{padding:15px 23px}.primary{background:#ffd400;color:#080808}.secondary{border:1px solid #555;color:#fff}.whatsapp{background:#20c96b;color:#fff}.big{padding:17px 28px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#bbb;font-size:13px}.hero-visual{min-height:460px;display:flex;align-items:center;justify-content:center}.visual-card{position:relative;width:min(470px,100%);height:440px;border:1px solid #373737;border-radius:28px;background:linear-gradient(145deg,#191919,#0d0d0d);box-shadow:0 30px 80px #000;overflow:hidden}.panel{position:absolute;left:65px;top:82px;width:270px;height:300px;background:#d8d8d8;border-radius:10px;box-shadow:0 10px 35px #000;transform:rotate(-2deg);padding:20px}.panel-top{font-size:10px;color:#333;font-weight:900;text-align:center;margin-bottom:12px}.breakers{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.breakers i{height:115px;background:linear-gradient(90deg,#fff,#b8b8b8);border:1px solid #888;border-radius:4px;position:relative}.breakers i:after{content:"";position:absolute;left:7px;right:7px;top:38px;height:27px;background:#222;border-radius:3px}.wires{position:absolute;left:-40px;right:-40px;bottom:-20px;display:flex;justify-content:space-around}.wires b{width:8px;height:100px;border-radius:10px;background:#1666a8;transform:rotate(10deg)}.wires b:nth-child(2){background:#e7c500}.wires b:nth-child(3){background:#0b7a42}.wires b:nth-child(4){background:#b53a2c}.wires b:nth-child(5){background:#222}.bolt{position:absolute;right:25px;top:22px;font-size:60px;color:#ffd400;z-index:2}.tool{position:absolute;font-size:52px;filter:drop-shadow(0 8px 8px #000)}.tool1{right:30px;bottom:70px}.tool2{left:20px;bottom:28px}.available{position:absolute;right:22px;bottom:20px;background:#ffd400;color:#080808;border-radius:15px;padding:13px 18px;display:flex;flex-direction:column;text-align:center;transform:rotate(-4deg)}.available strong{font:900 34px Montserrat}.available small{font-weight:900}.stats{background:#ffd400;color:#080808}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:20px;border-right:1px solid rgba(0,0,0,.2);display:flex;gap:10px;align-items:center}.stats-grid strong{font:900 28px Montserrat}.stats-grid span{font-size:13px;font-weight:800}.section{padding:100px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 45px}.section h2{font:900 clamp(34px,5vw,52px) Montserrat;margin:0 0 12px;letter-spacing:-2px}.section-head p,.about p{color:#aaa}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#111;border:1px solid #292929;border-radius:18px;padding:28px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#ffd400}.icon{font-size:35px;margin-bottom:15px}.card h3{margin:0 0 9px;font-size:19px}.card p{color:#999;margin:0;font-size:14px}.emergency{background:#ffd400;color:#080808;padding:55px 0}.emergency-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.emergency .eyebrow{color:#080808}.emergency h2{font:900 38px Montserrat;margin:0 0 5px}.emergency p{margin:0}.emergency .primary{background:#080808;color:#ffd400}.zones{background:#101010}.zones-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.zones h2{margin-bottom:15px}.towns{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.towns span{padding:8px 11px;background:#1b1b1b;border:1px solid #303030;border-radius:999px;font-size:12px;color:#ddd}.map-link{color:#ffd400;font-weight:800;text-decoration:none}.area-note{display:flex;flex-direction:column;gap:4px;background:#171717;border:1px solid #292929;border-radius:14px;padding:16px;margin:22px 0;color:#ddd}.area-note span{font-size:12px;color:#888}.map-card{height:380px;border-radius:25px;position:relative;overflow:hidden;background:#151515;border:1px solid #3c3c3c}.real-map iframe{width:100%;height:100%;border:0;display:block}.reviews{background:#0d0d0d}.review-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.review-actions .secondary{background:#151515}.about{background:#0b0b0b}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-graphic{height:380px;position:relative;border-radius:25px;background:linear-gradient(135deg,#ffd400,#6e5c00);overflow:hidden}.circle{position:absolute;font-size:190px;left:15%;top:12%;opacity:.95}.about-box{position:absolute;right:20px;bottom:20px;background:#080808;color:#fff;padding:20px 28px;border-radius:14px;font:900 30px Montserrat}.about-box small{color:#ffd400;font:800 12px Inter;letter-spacing:2px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px;color:#ddd}.checks div:first-letter{color:#ffd400}.faq{background:#101010}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:900px;margin:auto}.faq details{background:#171717;border:1px solid #292929;border-radius:14px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:800}.faq details p{color:#aaa;margin:12px 0 0}.contact{background:#ffd400;color:#080808}.contact .eyebrow{color:#080808}.contact .section-head p{color:#292929}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contact-card{background:#080808;color:#fff;padding:25px;border-radius:15px;display:flex;gap:15px;align-items:center;text-decoration:none}.contact-card>span{font-size:30px}.contact-card small{display:block;color:#ffd400;font-weight:800;letter-spacing:1px}.contact-card strong{display:block;font-size:15px;word-break:break-word}.footer{background:#050505;padding:35px 0;color:#999}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer .brand-text{border:0;padding:0}.copyright{border-top:1px solid #222;margin-top:25px;padding-top:20px;font-size:12px}.floating-whatsapp{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:27px;box-shadow:0 8px 30px #000;z-index:30}@media(max-width:850px){.links{display:none}.menu{display:block;margin-left:auto}.nav-call{font-size:12px;padding:9px 12px}.hero{padding:60px 0}.hero-grid,.zones-grid,.about-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:48px}.hero-visual{min-height:380px}.visual-card{height:380px}.panel{left:40px;top:70px}.cards{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid div{border-bottom:1px solid rgba(0,0,0,.2)}.contact-grid{grid-template-columns:1fr}.emergency-inner{flex-direction:column;align-items:flex-start}.about-graphic{height:280px}.checks,.faq-grid{grid-template-columns:1fr}.review-actions{flex-direction:column;align-items:stretch}}@media(max-width:520px){.brand-text{display:none}.hero h1{font-size:42px}.lead{font-size:16px}.hero-actions{flex-direction:column}.btn{width:100%}.cards{grid-template-columns:1fr}.visual-card{height:330px}.panel{width:220px;height:250px;left:30px;top:55px}.breakers i{height:90px}.available{right:12px;bottom:12px}.available strong{font-size:26px}.stats-grid strong{font-size:22px}.stats-grid span{font-size:11px}.section{padding:70px 0}.emergency h2{font-size:30px}.map-card{height:300px}}

/* --- Pulido visual EFE 2026 --- */
::selection{background:#ffd400;color:#080808}
body{background:#070707}
a{transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}
.header{box-shadow:0 8px 30px rgba(0,0,0,.18)}
.brand-mark{letter-spacing:-6px;text-shadow:0 0 22px rgba(255,212,0,.12)}
.hero{position:relative}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}
.hero-copy,.hero-visual{position:relative;z-index:1}
.hero h1{font-weight:900}
.hero h1 span{display:inline-block;text-shadow:0 0 30px rgba(255,212,0,.12)}
.hero-actions .btn{box-shadow:0 10px 28px rgba(0,0,0,.28)}
.hero-actions .primary:hover,.nav-call:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,212,0,.18)}
.hero-actions .whatsapp:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(32,201,107,.16)}
.trust-row span{padding:7px 11px;border:1px solid #292929;border-radius:999px;background:#101010}
.stats-grid div{min-height:78px}
.stats-grid div:last-child{border-right:0}
.section{position:relative}
.section-head h2{font-weight:900}
.cards .card{box-shadow:0 14px 35px rgba(0,0,0,.14)}
.card{position:relative;overflow:hidden}
.card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:#ffd400;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.card:hover:before{transform:scaleX(1)}
.card strong{display:inline-block;margin-top:18px;color:#ffd400;font-size:13px}
.icon{filter:drop-shadow(0 5px 10px rgba(0,0,0,.25))}
.emergency{box-shadow:0 -10px 40px rgba(0,0,0,.16),0 10px 40px rgba(0,0,0,.16)}
.area-note strong{color:#fff}
.map-card{box-shadow:0 20px 55px rgba(0,0,0,.25)}
.about-graphic{box-shadow:0 20px 55px rgba(0,0,0,.25)}
.contact-card{border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.contact-card:hover{transform:translateY(-3px);border-color:#ffd400}
.footer a{color:#ffd400;text-decoration:none}
.floating-whatsapp{transition:transform .2s,box-shadow .2s}
.floating-whatsapp:hover{transform:scale(1.07);box-shadow:0 12px 35px rgba(0,0,0,.45)}
@media(max-width:850px){
 .links.mobile-open{display:flex;position:absolute;left:4%;right:4%;top:70px;margin:0;padding:16px;flex-direction:column;gap:4px;background:#101010;border:1px solid #292929;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
 .links.mobile-open a{padding:13px 12px;border-radius:10px}
 .links.mobile-open a:hover{background:#191919}
 .header{position:sticky}
}
@media(max-width:520px){
 .nav{gap:12px}
 .floating-whatsapp{right:15px;bottom:15px;width:54px;height:54px}
}

@media(max-width:850px){.nav:not(:has(.menu)) .links{display:flex;flex:1;justify-content:flex-end;gap:10px;flex-wrap:wrap}.nav:not(:has(.menu)) .links a{font-size:11px}.nav:not(:has(.menu)) .nav-call{white-space:nowrap}}
