*{box-sizing:border-box}
:root{--brand:#0a2e6b;--accent:#f0b429;--bg:#081225;--text:#f3f4f6}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;background:#0b1220;color:var(--text)}
a{color:var(--accent);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 18px}
.header{position:sticky;top:0;z-index:10;background:#0b1220aa;backdrop-filter:saturate(150%) blur(6px);border-bottom:1px solid #1f2937}
.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo{display:flex;align-items:center;gap:10px}
.logo img{height:46px;width:auto;border-radius:8px}
.nav a{margin:0 10px;font-weight:600}
.lang-toggle{border:1px solid #374151;padding:6px 10px;border-radius:8px;cursor:pointer;background:#0b1220;color:var(--text)}
.hero{display:grid;place-items:center;min-height:70vh;padding:60px 0;background:linear-gradient(180deg,#0b1220 0%,#0f172a 100%)}
.hero h1{font-size:42px;margin:10px 0;text-align:center}
.hero p{max-width:900px;text-align:center;opacity:1;font-size:22px;line-height:1.6;color:#ffffff;text-shadow:0 3px 18px rgba(0,0,0,.65);font-weight:400 margin: 10px auto 22px;}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}
.btn{padding:12px 18px;border-radius:12px;border:1px solid #324155;display:inline-block;color:#ffffff;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.btn.primary{background:var(--brand);border-color:#0a2e6b;color:#ffffff}
.btn.whatsapp{background:#128C7E;border-color:#0d6d62;color:#ffffff}
.grid{display:grid;gap:18px}
.grid.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:40px 0}
.card{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:18px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}
.card h3{margin:0 0 8px 0}
.footer{padding:30px 0;border-top:1px solid #1f2937;margin-top:50px;background:#0b1220}
.section{padding:40px 0}
h2.section-title{font-size:28px;margin:0 0 10px}
.map{width:100%;height:340px;border:0;border-radius:14px;overflow:hidden}
.form{display:grid;gap:12px;max-width:720px}
.input, textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #334155;background:#0b1220;color:var(--text)}
textarea{min-height:140px}
label{font-size:14px;opacity:.9}
.small{font-size:12px;opacity:.7}
.service-header{background:#0f172a;padding:28px 0;border-bottom:1px solid #1f2937}
.service-body{padding:26px 0}

.hero{position:relative;overflow:hidden;min-height:75vh;padding:100px 0}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.9)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,37,.14),rgba(8,18,37,.22))}
.hero-content{position:relative;z-index:2}

/* Hamburger menu styles */
.nav{position:relative}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}
.hamburger span{width:24px;height:3px;background:var(--text);border-radius:2px}
.nav-links{display:flex;align-items:center;gap:10px}
@media (max-width:768px){
  .hamburger{display:flex}
  .nav-links{display:none;flex-direction:column;position:absolute;top:100%;right:0;background:#0b1220;border:1px solid #1f2937;padding:10px;border-radius:8px;width:200px}
  .nav-links.open{display:flex}
  .nav-links a, .nav-links button{width:100%;text-align:left;padding:8px 0;border-bottom:1px solid #1f2937}
  .nav-links a:last-child, .nav-links button:last-child{border-bottom:none}
}

/* Hamburger + mobile menu */
.hamburger{display:none;gap:6px;padding:10px;border:1px solid #374151;border-radius:10px;background:#0b1220;cursor:pointer}
.hamburger span{display:block;width:22px;height:2px;background:#e5e7eb}
.mobile-nav{display:none;position:absolute;right:18px;top:58px;background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:10px;min-width:180px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.mobile-nav a,.mobile-nav button{display:block;padding:10px 12px;border-radius:8px;margin:4px 0;text-align:left;background:transparent;border:none;color:var(--text)}
.mobile-nav a:hover{background:#111827}
@media (max-width: 768px){
  .nav nav a{display:none}
  .nav nav .lang-toggle{display:none}
  .hamburger{display:inline-flex}
}

@media (max-width: 480px){
  .hero h1{font-size: 30px}
  .hero p{font-size: 19px; line-height: 1.65; text-shadow:0 3px 20px rgba(0,0,0,.7)}
  .cta-row{gap:10px}
}

@media (min-width: 1024px){
  .hero-video{filter:brightness(1)}
  .hero-overlay{background:linear-gradient(180deg,rgba(8,18,37,.10),rgba(8,18,37,.16))}
}

/* Ensure only one hamburger shows on mobile */
.navPanelToggle, a[href="#menu"], #menu { display: none !important; }