*{box-sizing:border-box;margin:0;padding:0}
:root{--yellow:#ffc400;--black:#050505;--dark:#0c0c0c;--gray:#bdbdbd;--white:#f7f7f7}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#171717;line-height:1.6}
.container{width:min(1120px,92%);margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(3,3,3,.97);border-bottom:1px solid #1d1d1d}
.nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand img{width:305px;max-width:65vw;display:block}
.menu{display:flex;align-items:center;gap:34px}
.menu a{color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.4px}
.menu a:hover{color:var(--yellow)}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{position:relative;min-height:590px;background:#050505;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.84) 10%,rgba(0,0,0,.2) 95%),url("hero-oficina.jpg");background-position:center right;background-size:cover;opacity:.95}
.hero-content{position:relative;z-index:1;min-height:590px;display:flex;align-items:center}
.hero-copy{padding:70px 0;max-width:650px}
.eyebrow,.section-tag{color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:2px}
h1{font-size:clamp(38px,5vw,65px);line-height:1.02;margin:16px 0 22px;font-weight:900}
h1 strong{color:var(--yellow)}
.yellow-line{width:260px;border-top:2px solid var(--yellow);margin:20px 0 18px;color:var(--yellow);position:relative}
.yellow-line span{position:absolute;left:50%;top:-17px;background:#050505;padding:0 12px}
.hero p{font-size:18px;color:#ddd}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.2px}
.btn-yellow{background:var(--yellow);color:#111}
.btn-yellow:hover{filter:brightness(1.08)}
.btn-outline{border:1px solid #eee;color:#fff;background:rgba(0,0,0,.3)}
.btn-outline:hover{border-color:var(--yellow);color:var(--yellow)}
.social{display:flex;gap:12px;margin-top:26px;font-size:13px}
.social a{color:#ddd;text-decoration:none}
.social a:hover{color:var(--yellow)}
.section{padding:95px 0}
.section.dark{background:#080808;color:#fff}
.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:15px 0 20px;font-weight:900}
.section p{color:#555;margin-bottom:16px}
.dark p{color:#aaa}
.text-link{display:inline-block;margin-top:14px;color:#111;font-weight:800;text-decoration:none;border-bottom:2px solid var(--yellow)}
.about-card{background:#0a0a0a;color:#fff;padding:55px 45px;border-left:5px solid var(--yellow);box-shadow:0 15px 50px rgba(0,0,0,.14)}
.card-icon,.service-icon{color:var(--yellow);font-size:38px;margin-bottom:18px}
.about-card h3{font-size:24px;line-height:1.15;margin-bottom:12px}
.center-head{text-align:center;max-width:760px;margin:0 auto 48px}
.center-head h2{margin-bottom:12px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service{border:1px solid #272727;padding:35px;background:#0e0e0e;min-height:320px}
.service:hover{border-color:var(--yellow);transform:translateY(-3px);transition:.2s}
.service h3{font-size:20px;margin-bottom:16px}
.service ul{list-style:none;color:#aaa}
.service li{padding:8px 0;border-bottom:1px solid #202020}
.service li:before{content:"✓";color:var(--yellow);font-weight:bold;margin-right:10px}
.preventive{background:#f3f3f3}
.preventive-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.check-list div{background:#fff;padding:22px;border-left:4px solid var(--yellow);font-weight:800}
.why{background:#fff}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.why-grid div{padding:30px 20px;border-top:3px solid #111}
.why-grid b{color:var(--yellow);font-size:28px}
.why-grid h3{font-size:16px;margin:8px 0}
.why-grid p{font-size:14px}
.contact-grid{align-items:start}
.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}
.contact-info p{border-left:2px solid var(--yellow);padding-left:12px;font-size:14px}
.contact-info strong{color:#fff;font-size:11px;letter-spacing:1px}
.map-box{min-height:390px;background:#111;border:1px solid #282828;display:flex;align-items:center;justify-content:center}
.map-placeholder{text-align:center;padding:40px;color:#aaa}
.map-placeholder span{font-size:45px}
.map-placeholder h3{color:#fff;font-size:25px}
.map-placeholder small{display:block;margin-top:15px;color:#666}
.cta{background:var(--yellow);padding:65px 0;text-align:center}
.cta h2{font-size:38px;margin:0 0 6px}
.cta p{margin-bottom:22px}
.big{padding:0 35px}
.footer{background:#030303;color:#fff;padding:42px 0 0}
.footer-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}
.footer strong{font-size:27px;color:var(--yellow);letter-spacing:2px}
.footer p{font-size:11px;color:#999;letter-spacing:1px}
.verse{text-align:right;font-family:Georgia,serif;color:#ddd}
.verse small{display:block;color:#999;margin-top:5px}
.copyright{text-align:center;border-top:1px solid #1b1b1b;margin-top:35px;padding:18px;color:#666;font-size:11px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;text-decoration:none;font-size:27px;box-shadow:0 5px 25px rgba(0,0,0,.3);z-index:60}
@media(max-width:900px){
  .nav{min-height:78px}
  .menu-toggle{display:block;cursor:pointer}
  .menu{display:none;position:absolute;left:0;right:0;top:78px;background:#050505;flex-direction:column;align-items:stretch;padding:12px 5%;border-bottom:1px solid #222}
  .menu.open{display:flex}
  .menu a{padding:13px 0}
  .hero,.hero-content{min-height:650px}
  .hero-bg{background-position:68% center}
  .two-col,.preventive-inner{grid-template-columns:1fr;gap:35px}
  .services-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .contact-info{grid-template-columns:1fr}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .verse{text-align:left}
}
@media(max-width:560px){
  .brand img{width:235px}
  h1{font-size:38px}
  .hero p{font-size:16px}
  .desktop{display:none}
  .actions{flex-direction:column;align-items:stretch}
  .btn{width:100%}
  .section{padding:65px 0}
  .why-grid{grid-template-columns:1fr}
  .check-list{grid-template-columns:1fr}
  .hero{min-height:690px}
  .hero-content{min-height:690px}
}