* {box-sizing:border-box;margin:0;padding:0;font-family:'Roboto',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#fff;}
body {background-color:#0f0f0f;line-height:1.5;}
header {background:radial-gradient(circle at 20% 20%,#2b2b2b 0%,#000 60%);padding:1.5rem 1rem 4rem;position:relative;overflow:hidden;border-bottom:2px solid #444;}
header .badge {background:#ffe000;color:#000;font-weight:600;font-size:.8rem;padding:.25rem .5rem;border-radius:.5rem;display:inline-block;margin-bottom:.75rem;}
.nav-top {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;}
.brand {display:flex;align-items:center;gap:.75rem;}
.brand img.logo {width:64px;height:auto;filter:drop-shadow(0 0 6px rgba(255,255,0,.4));}
.brand h1 {font-size:1rem;font-weight:600;color:#fff;line-height:1.2;}
.brand h1 span {display:block;font-size:.8rem;font-weight:400;color:#ffe000;}
.contact-top {text-align:right;font-size:.9rem;line-height:1.4;}
.contact-top a{color:#ffe000;text-decoration:none;font-weight:600;}
.hero {margin-top:2rem;display:grid;grid-template-columns:1fr;gap:1.5rem;}
@media(min-width:768px){
    .hero{grid-template-columns:1fr 1fr;align-items:center;}
}
.hero-text h2 {font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem;}
.hero-text h2 span {color:#ffe000;}
.hero-text p {color:#d1d1d1;font-size:1rem;margin-bottom:1rem;}
.hero-bullets li {display:flex;align-items:flex-start;gap:.5rem;color:#fff;margin-bottom:.5rem;font-size:.9rem;}
.hero-card {background:#1a1a1a;border:1px solid #333;border-radius:1rem;padding:1rem;box-shadow:0 20px 40px rgba(0,0,0,.8);}
.hero-card iframe {width:100%;border:0;border-radius:.5rem;aspect-ratio:16/9;}
.stats-row {display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem;font-size:.8rem;color:#aaa;}
.stat-box span.num {font-size:1.1rem;color:#ffe000;font-weight:600;display:block;}
.section {padding:3rem 1rem;background:#000;border-bottom:1px solid #222;}
.section-title {max-width:1200px;margin:0 auto 2rem;}
.section-title h3 {font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.5rem;}
.section-title p {font-size:.95rem;color:#bdbdbd;}
.services-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:1rem;}
@media(min-width:700px){
    .services-grid {grid-template-columns:repeat(2,1fr);}
}
.service-card {background:#111;border:1px solid #2d2d2d;border-radius:.75rem;padding:1rem 1.25rem;box-shadow:0 16px 32px rgba(0,0,0,.7);}
.service-card h4 {color:#ffe000;font-size:1rem;font-weight:600;margin-bottom:.5rem;}
.service-card p {font-size:.9rem;color:#d1d1d1;line-height:1.4;}
.gallery-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:.75rem;}
.gallery-grid img {width:100%;height:200px;object-fit:cover;border-radius:.5rem;border:1px solid #333;cursor:pointer;transition:all .2s;}
.gallery-grid img:hover {box-shadow:0 0 20px rgba(255,224,0,.5);transform:scale(1.02);}
#lightbox {position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;justify-content:center;align-items:center;padding:1rem;z-index:9999;}
#lightbox img {max-width:90vw;max-height:85vh;border-radius:.5rem;border:2px solid #ffe000;box-shadow:0 0 30px rgba(255,224,0,.6);background:#000;}
#lightbox.close-area {cursor:pointer;}
.contact-wrap {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem;}
@media(min-width:900px){
    .contact-wrap {grid-template-columns:1fr 1fr;}
}
.contact-box,.map-box {background:#111;border:1px solid #2d2d2d;border-radius:.75rem;padding:1rem 1.25rem;box-shadow:0 16px 32px rgba(0,0,0,.7);}
.contact-box h4,.map-box h4 {font-size:1rem;font-weight:600;color:#ffe000;margin-bottom:.75rem;}
.contact-box p {font-size:.9rem;color:#d1d1d1;line-height:1.4;margin-bottom:.5rem;}
.contact-box form {display:grid;gap:.75rem;}
.contact-box input,.contact-box textarea {width:100%;background:#1a1a1a;border:1px solid #333;border-radius:.5rem;padding:.75rem;font-size:.9rem;color:#fff;}
.contact-box button {background:#ffe000;color:#000;font-weight:600;border:0;border-radius:.5rem;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;}
.contact-box button:hover {filter:brightness(1.1);}
.map-box iframe {width:100%;border:0;border-radius:.5rem;min-height:300px;}
.fb-box{margin-top:1rem;background:#1a1a1a;border:1px solid #2d2d2d;border-radius:.75rem;padding:1rem;}
.fb-box h4{font-size:1rem;font-weight:600;color:#ffe000;margin-bottom:.75rem;}
footer {background:#0a0a0a;padding:2rem 1rem 5rem;border-top:1px solid #222;text-align:center;font-size:.8rem;color:#999;line-height:1.4;}
footer a {color:#ffe000;text-decoration:none;font-weight:600;}
#whatsapp-float {position:fixed;right:16px;bottom:16px;background:#25d366;color:#000;font-weight:600;text-decoration:none;border-radius:999px;padding:.75rem 1rem;box-shadow:0 10px 30px rgba(0,0,0,.8);font-size:.9rem;line-height:1;z-index:99999;}
#whatsapp-float span {color:#000;}