:root{--az-navy:#071B33;
    --az-blue:#0057B8;
    --az-cyan:#08AEEA;
    --az-light:#F4F8FC;
    --az-text:#152033;
    --az-muted:#64748B;
    --az-white:#fff;
    --az-border:#D9E5F2;
    --shadow:0 18px 45px rgba(7,27,51,.13);
    --radius:22px}
    
    .dropdown {
  position: relative;
}

.dropdown-toggle {
  cursor: pointer;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 260px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  padding: 10px;
  z-index: 100;
}

.submenu a {
  display: block;
  padding: 10px 14px;
  color: #0f172a;
  border-radius: 8px;
  white-space: nowrap;
}

.submenu a:hover {
  background: #f1f5f9;
}

.dropdown:hover .submenu {
  display: block;
}
    
    
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;
    font-family:Inter,Segoe UI,Arial,sans-serif;
    color:var(--az-text);
    background:#fff;
    line-height:1.6}.container{width:min(1160px,92%);
        margin:auto}a{color:inherit;
            text-decoration:none}.topbar{background:var(--az-navy);
            color:#dbeafe;
            font-size:.92rem;
            padding:8px 0}.topbar .container{display:flex;
            justify-content:space-between;
                gap:16px;
                flex-wrap:wrap}.navbar{position:sticky;
                    top:0;
                    background:rgba(255,255,255,.94);
                    backdrop-filter:blur(12px);
                    z-index:100;
                    border-bottom:1px solid var(--az-border)}.nav-inner{display:flex;
                        align-items:center;
                        justify-content:space-between;
                        padding:14px 0}.brand img{height:54px;
                            width:auto;
                            display:block}.menu{display:flex;
                                align-items:center;
                                gap:20px}.menu a{font-weight:650;
                                    color:var(--az-navy)}.menu a:hover{color:var(--az-blue)}.btn{display:inline-flex;
                                        align-items:center;
                                        gap:8px;border:0;
                                        border-radius:999px;
                                        padding:12px 20px;
                                        font-weight:800;
                                        background:var(--az-blue);
                                        color:#fff;
                                        box-shadow:0 10px 22px rgba(0,87,184,.22)}.btn:hover{transform:translateY(-1px);
                                            background:#034b9a}.btn.alt{background:#fff;
                                            color:var(--az-blue);border:1px solid var(--az-border);
                                                box-shadow:none}.btn.whatsapp{background:#19a75f}.hamb{display:none;
                                                    border:0;
                                                    background:var(--az-light);
                                                    padding:9px 12px;
                                                    border-radius:12px;
                                                    font-size:24px}.hero{position:relative;
                                                    overflow:hidden;
                                                        background:linear-gradient(135deg,var(--az-navy) 0%,#0b2a50 55%,#083f7d 100%);
                                                        color:white;
                                                        padding:88px 0 76px}.hero:after{content:"";
                                                            position:absolute;
                                                            inset:auto -15% -45% auto;
                                                            width:580px;
                                                            height:580px;
                                                            border-radius:50%;
                                                            background:radial-gradient(circle,rgba(8,174,234,.40),transparent 65%)}.hero-grid{position:relative;
                                                                z-index:1;
                                                                display:grid;
                                                                grid-template-columns:1.2fr .8fr;
                                                                gap:42px;
                                                                align-items:center}.eyebrow{color:#7dd3fc;
                                                                    font-weight:800;
                                                                    text-transform:uppercase;
                                                                    letter-spacing:.12em;
                                                                    font-size:.8rem}.hero h1,.page-hero h1{font-size:clamp(2.25rem,5vw,4.4rem);
                                                                        line-height:1.03;
                                                                        margin:12px 0 18px}.hero p{font-size:1.16rem;
                                                                            color:#dbeafe;
                                                                            max-width:680px}.hero-card{background:rgba(255,255,255,.09);
                                                                                border:1px solid rgba(255,255,255,.18);
                                                                                border-radius:var(--radius);
                                                                                padding:28px;
                                                                                box-shadow:var(--shadow)}.hero-card h3{margin-top:0}.checklist{padding:0;
                                                                                    margin:0;
                                                                                    list-style:none}.checklist li{padding:9px 0 9px 32px;
                                                                                        position:relative}.checklist li:before{content:"✓";
                                                                                            position:absolute;left:0;
                                                                                            top:8px;
                                                                                            color:var(--az-cyan);
                                                                                            font-weight:900}.section{padding:76px 0}.section.alt{background:var(--az-light)}.section-title{max-width:760px;
                                                                                                margin-bottom:34px}.section-title h2{font-size:clamp(1.8rem,3vw,2.7rem);
                                                                                                    line-height:1.12;
                                                                                                    margin:0 0 12px;
                                                                                                    color:var(--az-navy)}.section-title p{color:var(--az-muted);
                                                                                                        font-size:1.05rem}.cards{display:grid;
                                                                                                            grid-template-columns:repeat(3,1fr);
                                                                                                            gap:22px}.card{background:white;
                                                                                                                border:1px solid var(--az-border);
                                                                                                                border-radius:var(--radius);
                                                                                                                padding:26px;
                                                                                                                box-shadow:0 10px 26px rgba(7,27,51,.06);
                                                                                                                transition:.18s}.card:hover{transform:translateY(-4px);
                                                                                                                    box-shadow:var(--shadow)}.icon{width:48px;
                                                                                                                    height:48px;
                                                                                                                    border-radius:16px;
                                                                                                                    display:grid;
                                                                                                                    place-items:center;
                                                                                                                    background:linear-gradient(135deg,var(--az-cyan),var(--az-blue));
                                                                                                                    color:#fff;font-size:24px;
                                                                                                                    font-weight:900}.card h3{color:var(--az-navy);
                                                                                                                    margin:18px 0 10px}.card p{color:var(--az-muted)}.card ul,.detail ul{padding-left:18px;
                                                                                                                    color:#334155}.split{display:grid;
                                                                                                                    grid-template-columns:1fr 1fr;
                                                                                                                    gap:34px;
                                                                                                                    align-items:start}.panel{background:#fff;
                                                                                                                    border:1px solid var(--az-border);
                                                                                                                    border-radius:var(--radius);
                                                                                                                    padding:30px;
                                                                                                                    box-shadow:var(--shadow)}.page-hero{background:linear-gradient(135deg,var(--az-navy),#123B68);
                                                                                                                    color:#fff;
                                                                                                                    padding:72px 0}.breadcrumb{color:#a7d8ff;
                                                                                                                    margin-bottom:12px}.detail-grid{display:grid;
                                                                                                                    grid-template-columns:2fr 1fr;
                                                                                                                    gap:26px}.detail{background:#fff;
                                                                                                                    border:1px solid var(--az-border);
                                                                                                                    border-radius:var(--radius);
                                                                                                                    padding:30px}.service-list{display:grid;
                                                                                                                    grid-template-columns:repeat(2,1fr);
                                                                                                                    gap:16px}.mini{border:1px solid var(--az-border);
                                                                                                                    background:#fff;
                                                                                                                    border-radius:18px;
                                                                                                                    padding:18px}.mini h4{margin:0 0 8px;
                                                                                                                    color:var(--az-navy)}.contact-box{background:var(--az-navy);
                                                                                                                    color:#fff;
                                                                                                                    border-radius:var(--radius);
                                                                                                                    padding:30px}.contact-box p{color:#dbeafe}.contact-form{display:grid;
                                                                                                                    gap:14px}input,textarea,select{width:100%;
                                                                                                                    padding:14px 15px;
                                                                                                                    border:1px solid var(--az-border);
                                                                                                                    border-radius:14px;
                                                                                                                    font:inherit}textarea{min-height:120px}.footer{background:#051326;
                                                                                                                    color:#cbd5e1;
                                                                                                                    padding:48px 0 22px}.footer-grid{display:grid;
                                                                                                                    grid-template-columns:1.2fr .8fr .8fr;
                                                                                                                    gap:28px}.footer img{height:52px}.footer h4{color:#fff}.footer a{display:block;
                                                                                                                    margin:8px 0;
                                                                                                                    color:#cbd5e1}.copy{border-top:1px solid rgba(255,255,255,.1);
                                                                                                                    margin-top:30px;
                                                                                                                    padding-top:18px;
                                                                                                                    font-size:.9rem;
                                                                                                                    color:#94a3b8}.whatsapp-float{position:fixed;
                                                                                                                    right:20px;
                                                                                                                    bottom:20px;z-index:80;
                                                                                                                    background:#19a75f;
                                                                                                                    color:#fff;border-radius:999px;
                                                                                                                    padding:14px 18px;
                                                                                                                    font-weight:900;
                                                                                                                    box-shadow:0 12px 30px rgba(25,167,95,.35)}
@media(max-width:900px){.hamb{display:block}.menu{display:none;
position:absolute;
top:82px;
left:4%;right:4%;
background:#fff;
border:1px solid var(--az-border);
border-radius:18px;
box-shadow:var(--shadow);
padding:18px;flex-direction:column;
align-items:flex-start}.menu.open{display:flex}.hero-grid,.split,.detail-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.brand img{height:46px}}
@media(max-width:620px){.cards,.service-list{grid-template-columns:1fr}.hero{padding:62px 0}.section{padding:54px 0}.topbar .container{display:block}.whatsapp-float{left:16px;
right:16px;text-align:center}}


/* ===== Ajustes menú principal AZ ===== */
.navbar {
  overflow: visible;
}

.nav-inner {
  min-height: 92px;
  gap: 22px;
}

.brand {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.brand img {
  height: 54px;
  max-width: 180px;
  object-fit: contain;
}

.menu {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  flex-wrap: nowrap;
}

.menu > a,
.dropdown-toggle {
  font-size: 0.96rem;
  line-height: 1.2;
  font-weight: 800;
  color: var(--az-navy);
  white-space: nowrap;
}

.dropdown {
  position: relative;
  flex: 0 0 auto;
}

.dropdown-toggle {
  border: 0;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
  padding: 10px 0;
}

.submenu {
  display: none !important;
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  min-width: 290px;
  background: #ffffff;
  border: 1px solid var(--az-border);
  border-radius: 16px;
  box-shadow: 0 18px 45px rgba(7, 27, 51, .16);
  padding: 10px;
  z-index: 999;
}

.submenu::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  height: 12px;
}

.dropdown:hover > .submenu,
.dropdown:focus-within > .submenu {
  display: block !important;
}

.submenu a {
  display: block;
  padding: 11px 14px;
  color: var(--az-navy);
  border-radius: 10px;
  white-space: nowrap;
  font-weight: 700;
}

.submenu a:hover {
  background: var(--az-light);
  color: var(--az-blue);
}

.portal-btn {
  padding: 11px 18px;
  min-width: auto;
  text-align: center;
  justify-content: center;
}

@media (max-width: 1060px) {
  .menu {
    gap: 12px;
  }

  .menu > a,
  .dropdown-toggle {
    font-size: .9rem;
  }

  .brand img {
    max-width: 165px;
  }

  .portal-btn {
    padding: 10px 14px;
  }
}

@media (max-width: 900px) {
  .nav-inner {
    min-height: 74px;
  }

  .menu {
    display: none;
    position: absolute;
    top: 74px;
    left: 4%;
    right: 4%;
    background: #fff;
    border: 1px solid var(--az-border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    padding: 18px;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .menu.open {
    display: flex;
  }

  .menu > a,
  .dropdown-toggle {
    width: 100%;
    padding: 12px 10px;
    text-align: left;
  }

  .submenu {
    position: static;
    min-width: 100%;
    margin-top: 4px;
    box-shadow: none;
    border-radius: 14px;
  }

  .dropdown:hover > .submenu,
  .dropdown:focus-within > .submenu {
    display: block !important;
  }

  .portal-btn {
    width: 100%;
    justify-content: center;
    margin-top: 8px;
  }
}