body{
    width: -webkit-fill-available ;
}

@font-face {
    font-family: 'SegoeUISemiLight';
    src: url('../fonts/Segoe-UI-Semilight-350.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUIBold';
    src: url('../fonts/Segoe-UI-Bold.woff') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.font-SegoeSemi{
    font-family: 'SegoeUISemiLight';
    /*line-height: 1.6;*/
    letter-spacing: 0.3px;
}

.font-SegoeBold{
    font-family: 'SegoeUIBold';
    letter-spacing: 0.3px;
}

/* Estilo base del botón hamburguesa */
.navbar-toggler-icon {
    transition: all 0.3s ease;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.7%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Cuando el botón tiene clase .open, mostramos una X */
.navbar-toggler.open .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba%280, 0, 0, 0.7%29' d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7a1 1 0 0 0-1.41 1.41L10.59 12l-4.89 4.89a1 1 0 0 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E");
}
#navbarToggler {
    transition: transform 0.3s ease;
}

#navbarToggler.open {
    transform: rotate(180deg);
}

/* Ajustes para logo */
.navbar-brand {
    width: auto;
    display: flex;
    align-items: center;
}

.navbar-brand img {
    max-width: 150px; 
    height: auto;
}

/* Ocultar flechita ▼ del dropdown (desktop) */
.dropdown-toggle::after {
    display: none !important;
}

.btn-custom-primary{
    background-color: #da922d;
}
.btn-custom-primary:hover{
    background-color: #f9ab3b;
}
/* Header personalizado con transición */
.navbar-custom {
    transition: background-color 0.3s, color 0.3s;
}

.navbar-toggler {
    margin: 2px;
}

.navbar-toggler:focus {
    box-shadow: inherit;
}

.nav-item > a {
    padding-top: 1.1rem !important;
    padding-bottom: 1.1rem !important;
}
    
/* Color al hacer scroll */
.scrolled {
    background-color: #003c68 !important;
}
.navbar-collapse{
    background-color: white;
}
.scrolled .btn-primary {
    background-color: #fff;
    color: #003c68;
    border: none;
}

.scrolled .btn-primary:hover {
    background-color: #e6e6e6;
    color: #003c68;
}

/*.nav-link:hover {
    background-color: #0160a8;
    color: white !important;
}*/

.dropdown-item.active, .dropdown-item:active {
    background-color: #0160a8;
    color: white !important;
}

.nav-link.active{
    background-color: #0160a8;
    color: white !important;
}

a.dropdown-item {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.footer-links > .link.active {
        border-bottom: 3px solid #da922d;
}

/* Estilo para submenús */
.dropdown-menu {
    width: max-content;
    background-color: rgba(255, 255, 255, 0.95);
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.dropdown-menu .dropdown-item:hover {
    background-color: #003c68;
    color: #fff;
}

.hero-text h1, h2, h3, h4 , h5 , h6 {
    color: #0160a8;
    font-weight: 400;
}
.hero-text h2 {
    font-size: 27px;
}
.hero-text p {
    font-size: 16px;
    color: #0056b3;
}

.hero-text strong {
    font-weight: 700;
}

.text-strong{
    color: #294177 !important;
}

.navbar-light .navbar-nav .nav-link.active.text-custom-blue, .navbar-light .navbar-nav .show>.nav-link.text-custom-blue {
    color: #0160a8;
}

.text-custom-blue, .navbar-light .navbar-nav .nav-link.text-custom-blue {
    color: #0160a8;
}

.fs-19{
    font-size: 19px !important;
}

.fs-40{
    font-size: 40px !important;
}

.text-black{
    color: #4d4b49;
}

.text-brown{
    color: #292929;
}

.text-gray{
    color: gray;
}

@media (max-width: 767.98px) {
    .nav-link:hover {
        background-color: #0160a8;
        color: white !important;
    }
}

/* Para que el dropdown hover no interfiera con el toggle en móvil */
@media (max-width: 991.98px) {
    /*.dropdown:hover .dropdown-menu {
        display: none;
    }
    .dropdown-toggle::after {
        display: inline-block !important;
    }*/
    /* Mostrar el dropdown al hacer hover (solo en desktop) */
    
}


.title {
    font-size: 35px;
    color: #da922d;
}

.sub-title {
    font-size: 55px;
    color: #294177;
}

.description{
    font-size: 20px;
    color: #3480b9;
}

.fs-18{
    font-size: 18px !important;
}

.fs-20{
    font-size: 20px !important;
}

.section-blue{
    background-color: #294177;
}

.section-yellow{
    background-color: #f6b24a;
}

.vertical-line {
    border-right: 1px solid #0d6efd;
    height: 200px; 
}

.custom-line {
    width: 50%;
    height: 1px;
    background-color: #294177;
    border: none;
}


.footer-color{
    background-color: #003c68;
}

.bg-separator-footer {
    background-color: #294177;
}

/* ICONS MENU */
.dropdown-menu a img {
    transition: filter 0.3s ease;
  }

/* Cambia el ícono del dropdown a blanco al pasar el mouse */
.dropdown-menu a:hover img {
    filter: brightness(0) invert(1);
}
  

@media (min-width: 768px) {
    .border-right-md {
        border-right: solid 2px #fff;
        min-height: 300px;
    }
}

.footer-links > li > a{
    text-decoration: none;
    color: white;
}

@media (max-width: 991.98px) {
    .navbar .dropdown-menu {
        position: static !important;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: white;
        border: none;
        box-shadow: none;
    }

    .navbar .dropdown-menu .dropdown-item {
        display: block;
        width: 100%;
        padding: 1rem 1.5rem;
        border-bottom: 1px solid #eaeaea;
        font-size: 1.1rem;
        color: #000;
    }

    .navbar .dropdown-menu .dropdown-item:last-child {
        border-bottom: none;
    }

    .navbar .dropdown-menu .dropdown-item img {
        display: none;
    }

    ul > .nav-item {
        width: 100%;
    }
    /*.dropdown:hover .dropdown-menu {
        display: inherit;
    }*/

    .nav-item > a {
            padding-right: 2rem !important;
            padding-left: 2rem !important;
    }

    .navbar-collapse {
        max-height: 80vh;
        overflow-y: auto;
        padding-bottom: 1rem;
    }

    .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        background-color: white;
        border: none;
        box-shadow: none;
    }
}
@media (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    .nav-link {
        border-bottom: 3px solid transparent;
        transition: border-color 0.3s ease;
    }

    .nav-link:hover {
        border-bottom-color: #da922d;
    }

   /* .nav-item > a.nav-link:hover {
        background-color: white;
        color: #0160a8 !important;
    }*/

    /* Enlace activo */
    .nav-link.active,
    .footer-links .link.active {
        border-bottom: 3px solid #da922d;
    }

    .nav-link.active{
        background-color: inherit;
        color: #196fb0 !important ;
    }

    /* Color al hacer scroll */

    .scrolled .nav-link,
    .scrolled .navbar-brand {
        color: #fff !important;
    }

    .navbar-collapse{
        background-color: inherit;
    }

    .nav-item > a {
        padding: .5rem .2rem !important;
    }

    a.dropdown-item {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}

.contact-us-menu{
    font-weight: 600;
    font-size: 16px;
}

.banner-section{
    min-height: 52vh;
}

.banner{
    background-color: rgba(255, 255, 255, 0);
    background-position: center center;
    background-repeat: no-repeat;
    border-width: 0;
    border-color: #e2e2e2;
    border-style: solid;
    background-size: cover;
}

.text-bold-blue{
    color: #294177;
}

.line-spacing-text {
    line-height: 1.289270849226048em;
}

@media (min-width: 768px) {
    .px-10{
        padding-right: 10%;
        padding-left: 10%;
    }

    .hero-text h2 {
        font-size: 43px;
    }

    .hero-text p {
        font-size: 24px;
    }
}