﻿@charset "utf-8";
/* CSS Document */

#nav {
    background-color: #559C52 !important;
    height: 40px;
}

.btn.planext1 {
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 15px;
    line-height: 1.25;
    border-radius: 0;
    border: 0 solid rgba(255,255,255,0.15);
    border-width: 0 1px 0 0;
    text-transform: none;
}


/* Asegurar que el dropdown se muestre por encima */
.dropdown-menu {
    z-index: 1050 !important;
}

/* Estilo para los botones dropdown del navbar */
.navbar .dropdown-toggle {
    background-color: transparent;
    border: none;
    font-weight: bold;
    border-right: 1px solid rgba(204, 204, 204, 0.3);
}

.navbar .nav-link {
    color: white !important;
    font-weight: bold;
}

    .navbar .nav-link:hover {
        color: white !important;
    }

/* Borde activo o al hacer foco */
.btn.dropdown-toggle:focus,
.btn.dropdown-toggle:active,
.btn.dropdown-toggle.show {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #559C52 !important;
}

/* Menús específicos */
.conocenos-menu li a,
.oferta-menu li a,
.estu-menu li a,
.rol-menu li a {
    color: #559C52 !important;
}

    .conocenos-menu li a:hover,
    .oferta-menu li a:hover,
    .estu-menu li a:hover,
    .rol-menu li a:hover {
        color: white !important;
        background-color: #559C52 !important;
    }

.inicio-menu {
    border-right: 1px solid rgba(204, 204, 204, 0.3);
}

@media (max-width: 999px) {
    .navbar .nav-link {
        border-right: none !important;
    }
}


@media (max-width: 999px) {
    .inicio-menu {
        border-right: none !important;
    }
}

.navbar-toggler {
    background-color: white !important; /* fondo verde oscuro */
    border: 2px solid #559C52; /* borde verde más oscuro */
    border-radius: 4px; /* bordes redondeados */
}


    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler.show {
        outline: none !important;
        box-shadow: none !important;
    }