/* ====
   NAVBAR
==== */

.navbar{
    box-shadow:0 2px 10px rgb(158, 157, 157);
    height:80px;
    overflow:visible;
    padding: 10px 0;
}

.navbar-custom{
    background:rgb(0,48,130);
    transition:0.4s;
}

.navbar-scrolled{
    background:#111;
    box-shadow:0 4px 10px rgba(0,48,130,0.3);
}

/* Logo */

.navbar-brand{
    display:flex;
    align-items:center;
    margin-right:auto;
    padding:0;
}

.logo{
    height:120px;
    width:auto;
    position:relative;
}

/* Links */

.nav-link{
    color:white !important;
    font-weight:500;
}

.nav-link.active{
    color:#f4b400 !important;
}

/* ====
   MENÚ MÓVIL
==== */

@media (max-width:991px){

    .navbar-collapse{
        background:rgb(106, 105, 106);
        padding:15px;
        margin-top:10px;
        border-radius:10px;
    }

    .navbar-collapse .nav-link{
        padding:10px 0;
    }

    .logo{
        height:120px;
    }

}

/* ====
   TELÉFONOS
==== */

@media (max-width:768px){

    .logo{
        height:80px;
    }

}

/* Idiomas Seleccionador */

.lang-selector { position: relative; display: inline-block; }

.lang-btn {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 12px; cursor: pointer;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 8px; font-size: 14px; color: white;
}

.lang-btn:hover { background: rgba(255,255,255,0.1); }

.lang-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  background: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  min-width: 150px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  z-index: 9999;
  overflow: hidden;
}

.lang-dropdown.open { display: block; }

.lang-option {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px; cursor: pointer;
  font-size: 14px; color: #333;
}

.lang-option:hover { background: #f5f5f5; }

section{
    scroll-margin-top:120px;
}


.cotizacion-form{
background:white;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}



.custom-input{
border-radius:8px;
padding:12px;
border:1px solid #ddd;
transition:0.3s;
}

.custom-input:focus{
border-color:#f4b400;
box-shadow:0 0 5px rgba(244,180,0,0.5);
}



.btn-cotizar{
background:#f4b400;
color:black;
border:none;
padding:12px 30px;
border-radius:30px;
font-weight:600;
letter-spacing:1px;
transition:0.3s;
}

.btn-cotizar:hover{
background:#d99c00;
color:white;
transform:scale(1.05);
}