*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Montserrat',sans-serif;background:#111;color:#e0e0e0;line-height:1.7}
h1,h2,h3,h4{font-family:'Montserrat',sans-serif;font-weight:300}
a{color:#0E3A2F;text-decoration:none;transition:opacity .3s}
a:hover{opacity:.8}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.brand-bar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(17,17,17,.95);backdrop-filter:blur(10px);padding:12px 20px}
.brand-bar-inner{display:flex;align-items:center;max-width:1200px;margin:0 auto;gap:8px}
.line-left{flex:1;height:2px;background:#0E3A2F}
.brand-logos{display:flex;align-items:center;gap:12px}
.brand-logos img{height:35px;width:auto;object-fit:contain}
.line-right{width:30px;height:2px;background:#0E3A2F}
.quick-nav{display:flex;justify-content:center;gap:30px;padding:8px 0;margin-top:2px}
.quick-nav a{color:#fff;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.quick-nav a:hover{color:#4ecdc4}
section{padding:80px 0}
.section-dark{background:#111}
.section-alt{background:#1a1a1a}
.overline{color:#4ecdc4;text-transform:uppercase;letter-spacing:3px;font-size:13px;display:block;margin-bottom:10px}
h1{font-size:48px;color:#fff;margin-bottom:20px;line-height:1.2}
h2{font-size:36px;color:#fff;margin-bottom:30px}
h3{font-size:22px;color:#fff;margin-bottom:15px}
p{margin-bottom:15px;color:#bbb;font-size:15px}
.hero{min-height:80vh;display:flex;align-items:center;padding-top:100px;background:linear-gradient(rgba(14,58,47,.85),rgba(14,58,47,.85)),url('/Scripts/Imagenes/header-bg.webp') center/cover no-repeat}
.hero .container{max-width:800px;text-align:center}
.hero h1{font-size:42px}
.hero p{color:#ddd;font-size:16px}
.btn{display:inline-block;padding:14px 50px;font-size:15px;letter-spacing:3px;text-transform:uppercase;transition:all .3s;border:none;cursor:pointer}
.btn-primary{background:#0E3A2F;color:#fff}
.btn-primary:hover{background:#165a4a}
.cita-section{background:linear-gradient(rgba(14,58,47,.9),rgba(14,58,47,.9)),url('/Scripts/Imagenes/header-bg.webp') center/cover no-repeat;text-align:center;padding:100px 0}
.cita-section p{color:#ddd;max-width:700px;margin:0 auto 30px}
.promo-placeholder{text-align:center;padding:60px;background:#1a1a1a;border-radius:8px;color:#666;font-size:18px}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.service-card{background:#1a1a1a;border-radius:8px;padding:30px;transition:transform .3s;border-left:3px solid #0E3A2F}
.service-card:hover{transform:translateY(-3px)}
.service-card h3{margin-bottom:12px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.contact-detail{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;color:#bbb}
.contact-detail strong{color:#fff}
.contact-link{display:inline-flex;align-items:center;gap:8px;padding:10px 0;color:#4ecdc4;font-weight:600}
form{display:flex;flex-direction:column;gap:15px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
input,textarea{background:#222;border:1px solid #333;color:#fff;padding:14px;font-family:'Montserrat',sans-serif;font-size:14px;border-radius:4px;width:100%}
input:focus,textarea:focus{outline:none;border-color:#0E3A2F}
textarea{min-height:120px;resize:vertical}
.btn-submit{background:#0E3A2F;color:#fff;border:none;padding:14px 40px;font-size:15px;cursor:pointer;border-radius:4px;letter-spacing:2px}
.btn-submit:hover{background:#165a4a}
footer{background:#0a0a0a;padding:30px 0;text-align:center;color:#666;font-size:13px}
footer a{color:#4ecdc4}
@media(max-width:768px){
.services-grid,.contact-grid{grid-template-columns:1fr}
.form-row{grid-template-columns:1fr}
h1{font-size:32px}h2{font-size:28px}
.brand-bar{padding:8px 15px}
.quick-nav{gap:15px;flex-wrap:wrap}
section{padding:50px 0}
}