:root{--orange:#ff5a00;--orange2:#ff7a00;--black:#080a0d;--panel:#101419;--muted:#a7adb5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:'Barlow',Arial,sans-serif;font-weight:400}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.top{height:34px;background:#050607;text-align:center;display:flex;align-items:center;justify-content:center;color:#aeb3ba;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
header{position:absolute;z-index:10;top:34px;left:0;right:0;background:linear-gradient(#050607e8,#05060755,transparent)}.nav{height:96px;max-width:1250px;margin:auto;padding:6px 22px;display:flex;align-items:center;gap:28px}.brand{width:205px}.brand img{width:100%}nav{margin-left:auto;display:flex;gap:29px;align-items:center}nav a{font-size:12px;font-weight:800;text-transform:uppercase;color:#ddd;position:relative;padding:14px 0}nav a:hover,nav a.active{color:var(--orange)}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:3px;background:var(--orange)}.call{background:var(--orange);border-radius:8px;padding:14px 20px;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:0 10px 28px #ff5a0044}
.hero{min-height:850px;position:relative;overflow:hidden;background:#0a0d11}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#05080ddd 0%,#05080dcc 31%,#05080d77 57%,#05080d22 100%),linear-gradient(0deg,#05080de8 0%,transparent 48%),url('images/laweta.jpg') center/cover no-repeat;filter:saturate(.95)}.hero-inner{max-width:1250px;min-height:850px;margin:auto;padding:160px 22px 80px;position:relative;z-index:3;display:flex;align-items:center}.copy{width:53%;max-width:680px}.eyebrow{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px}.hero-logo{width:570px;max-width:100%;filter:drop-shadow(0 12px 24px #0008);margin-bottom:20px}.hero h1{font:900 clamp(54px,6vw,82px)/.86 'Barlow Condensed';text-transform:uppercase;margin:0 0 20px;letter-spacing:.02em}.hero h1 span{color:var(--orange)}.hero p{max-width:560px;color:#d9dde1;font-size:16px;line-height:1.7;margin:0 0 26px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:15px 22px;border-radius:7px;font-size:13px;font-weight:900;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--orange)}.secondary{border:1px solid #ffffff42;background:#0005}.phone{margin-top:28px;display:flex;align-items:center;gap:13px}.phone-icon{width:48px;height:48px;border:2px solid var(--orange);border-radius:50%;display:grid;place-items:center;color:var(--orange);font-size:21px}.phone small{display:block;color:#aeb3ba;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.number{font:900 40px/1 'Barlow Condensed';letter-spacing:.04em}.hero-photo{position:absolute;z-index:2;right:-4%;bottom:-20px;width:58%;max-width:860px;filter:drop-shadow(-25px 25px 35px #000b);opacity:.72}.hero-photo img{width:100%;mix-blend-mode:normal}.tagline{position:absolute;z-index:4;left:0;right:0;bottom:35px;display:flex;align-items:center;justify-content:center;gap:13px;font:800 17px 'Barlow Condensed';letter-spacing:.25em}.tagline i{display:block;width:48px;height:2px;background:var(--orange)}
.features{background:#07090c;border-top:1px solid #25292f;border-bottom:1px solid #25292f}.feature-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.feature{padding:29px 25px;border-right:1px solid #25292f}.feature:last-child{border:0}.feature b{color:var(--orange);font:800 25px 'Barlow Condensed';display:block;margin-bottom:5px}.feature strong{font:800 18px 'Barlow Condensed';text-transform:uppercase}.feature p{color:#858b94;font-size:12px;line-height:1.5;margin:6px 0 0}
section.content{padding:90px 22px}.container{max-width:1180px;margin:auto}.kicker{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.section-head{max-width:760px;margin-bottom:40px}.section-head h2{font:900 clamp(46px,5vw,68px)/.88 'Barlow Condensed';text-transform:uppercase;margin:8px 0 15px}.lead{color:#a5abb3;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:linear-gradient(145deg,#171b21,#0e1115);border:1px solid #272c33;padding:29px;min-height:205px;border-top:3px solid #2a3037;transition:.2s}.card:hover{border-top-color:var(--orange);transform:translateY(-3px)}.icon{font-size:30px;margin-bottom:15px}.card h3{font:800 30px 'Barlow Condensed';text-transform:uppercase;margin:0 0 8px}.card p{color:#9298a0;line-height:1.6;font-size:14px;margin:0}
.about{background:#11151a}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center}.about-photo{overflow:hidden;border:1px solid #30353d}.about-photo img{width:100%;height:410px;object-fit:cover}.ticks{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:12px}.ticks li{display:flex;gap:10px;align-items:center;font-weight:600;color:#e1e4e7}.ticks b{color:var(--orange);font-size:20px}.areas{background:#0b0e12;color:#fff;border-top:1px solid #252a31;border-bottom:1px solid #252a31}.areas .lead{color:#a5abb3}.area-grid{display:flex;gap:10px;flex-wrap:wrap}.area{background:#12161b;color:#e8eaec;border:1px solid #2a3038;padding:14px 17px;font-weight:800;box-shadow:0 5px 18px rgba(0,0,0,.18)}.area span{color:var(--orange)}
.gallery{display:grid;grid-template-columns:1.45fr .78fr .78fr;grid-template-rows:220px 220px;gap:12px}.gallery a{overflow:hidden;border:1px solid #292e34;background:#15181d}.gallery a:first-child{grid-row:1/3}.gallery img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery a:hover img{transform:scale(1.05)}
.contact{background:linear-gradient(135deg,var(--orange),#ff7900);position:relative;overflow:hidden}.contact-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;position:relative;z-index:2}.contact h2{font:900 clamp(48px,5vw,72px)/.9 'Barlow Condensed';text-transform:uppercase;margin:8px 0 12px}.contact p{max-width:650px;line-height:1.6}.contact .btn{background:#080a0d}.contact .number{font-size:68px}.contact:after{content:'24H';position:absolute;right:-20px;bottom:-80px;font:900 270px/1 'Barlow Condensed';color:#ffffff16}footer{padding:27px 20px;text-align:center;background:#050607;color:#858b93;font-size:12px;line-height:1.7}footer strong{color:#fff}
@media(max-width:1050px){nav{gap:15px}.brand{width:175px}.call{padding:12px 14px}.hero-photo{width:65%;right:-12%;opacity:.8}.copy{width:65%}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid #25292f}}
@media(max-width:760px){.top{font-size:8px}.nav{height:78px;padding:5px 16px}.brand{width:145px}nav{display:none}.call{margin-left:auto;font-size:11px;padding:11px 13px}.hero,.hero-inner{min-height:790px}.hero-inner{padding:135px 18px 70px;align-items:flex-start}.copy{width:100%}.hero-logo{width:360px;max-width:90%}.hero h1{font-size:55px}.hero p{font-size:14px}.hero-photo{width:110%;right:-30%;bottom:-5px;opacity:.45}.number{font-size:34px}.tagline{left:0;right:0;bottom:23px;font-size:13px;letter-spacing:.16em}.tagline i{width:25px}.cards{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.about-photo{order:-1}.about-photo img{height:300px}.gallery{display:block}.gallery a{display:block;height:220px;margin-bottom:10px}.contact-grid{grid-template-columns:1fr}.contact .number{font-size:50px}.feature-grid{grid-template-columns:1fr}.feature{border-right:0!important;border-bottom:1px solid #25292f!important}.feature:last-child{border-bottom:0!important}}

/* --- MAPA GOOGLE --- */
.area-map-wrap{display:grid;grid-template-columns:.8fr 1.6fr;gap:28px;align-items:stretch;margin-top:36px}
.area-list{display:flex;flex-direction:column;justify-content:center}
.area-list .area{margin-bottom:10px}
.map-card{position:relative;min-height:440px;overflow:hidden;border:1px solid #30353d;border-radius:10px;background:#16191d;box-shadow:0 18px 45px rgba(0,0,0,.3)}
#service-map{width:100%;height:440px;border:0;display:block}
.map-label{position:absolute;left:18px;top:18px;z-index:5;background:rgba(8,10,13,.94);border:1px solid #333942;border-left:3px solid var(--orange);border-radius:6px;padding:10px 13px;color:#fff;font:800 12px 'Barlow',Arial;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 5px 18px rgba(0,0,0,.3);pointer-events:none}
.map-label span{color:var(--orange)}
@media(max-width:760px){.area-map-wrap{grid-template-columns:1fr;gap:22px}.map-card{min-height:350px}#service-map{height:350px}.area-list{order:2}}
@media(max-width:760px){.area-map-wrap{grid-template-columns:1fr;gap:22px}.map-card{min-height:350px}#service-map{height:350px}.area-list{order:2}}
@media(max-width:760px){.area-map-wrap{grid-template-columns:1fr;gap:22px}.map-card{min-height:350px}.area-list{order:2}}


.map-city{width:100%;text-align:left;font:inherit;cursor:pointer;transition:.18s}
.map-city:hover{border-color:var(--orange);transform:translateX(3px)}
.map-city:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.map-city.active{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset}
.contact-kicker{color:#111}
