.header-bg {
    border-radius: 40px 40px 40px 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: white;
    height: 70px;
    top: 0px;
    box-shadow: 0px 5px 8px -1px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0px 5px 8px -1px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 5px 8px -1px rgba(0, 0, 0, 0.27);
}


/* Contenedor completo de la barra */

.my-navbar {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    background: transparent;
    /* evita el margen superior blanco */
}


/* Caja redondeada interior */

.nav-inner {
    width: 96%;
    background: white;
    border-radius: 40px;
    padding: 10px 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}


/* Logo */

.nav-logo {
    max-height: 40px;
    position: relative;
    z-index: 2;
}


/* Ícono mobile */

.custom-toggler {
    border: none;
    position: relative;
    z-index: 2;
}

.custom-toggler:focus {
    box-shadow: none;
}


/* Menú */

.nav-menu .nav-link {
    color: #0d3f9f;
    padding: 0 15px;
    text-align: center;
}

.nav-menu .nav-link:hover {
    color: #3c66dd;
}

.menu-opt {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'days', sans-serif;
    text-decoration: none;
}


/* Botón BLOG */

.mindu-btn-menu {
    background-color: #374cb5;
    border-radius: 20px;
    color: white;
    width: 70px;
}

.mindu-btn-menu-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px
}

.mindu-btn-menu:hover {
    background-color: #6588c8;
    color: white;
}

.blog-btn {
    background: #2348ff;
    color: white;
    border-radius: 20px;
    font-weight: 600;
}

.icon-arrow {
    background: white;
    color: #2348ff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}


/* menú vertical en mobile */

@media (max-width: 991px) {
    .nav-inner {
        border-radius: 40px;
    }
    .blog-btn {
        margin-top: 15px;
        width: 100%;
        justify-content: center;
    }
    #mainNavbar {
        position: absolute;
        top: 100%;
        margin-top: -60px;
        /* justo debajo del navbar */
        left: 0;
        width: 96%;
        margin-left: 2%;
        background: white;
        padding: 15px;
        border-radius: 0 0 40px 40px;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
        z-index: 1;
    }
    /* Evita que la expansión del menú empuje el contenido */
    .navbar {
        position: relative;
    }
    .navbar-nav {
        padding-top: 30px;
    }
}

@media screen and (max-width: 1275px) {
    .header-lg {
        display: none;
    }
    .header-md {
        display: block;
    }
    .header-mobile {
        display: none;
    }
}