/* Ajustes compartidos para integrar Nueva versión en el menú original. */
/* portada.css aplica position:relative a arrow_box; el desplegable debe
   quedar fuera del flujo para que abrir PRODUCTOS no ensanche la barra. */
.betta-navigation .dropdown-menu {
    position: absolute;
}
.betta-navigation .navbar-nav > li > a {
    white-space: nowrap;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .betta-navigation ul.navbar-nav > li { margin-left: 2px; margin-right: 2px; }
    .betta-navigation .navbar-nav > li > a { padding-left: 8px; padding-right: 8px; }
}
.betta-navigation .navbar-nav > li > a[aria-current="page"],
.betta-navigation .navbar-nav > li > a:hover,
.betta-navigation .navbar-nav > li > a:focus,
.betta-navigation .navbar-nav > li.open > a {
    color: #fff;
    background-color: #0A6179;
}
.betta-navigation .navbar-toggle { border-color: #0B3541; }
.betta-navigation .navbar-toggle .icon-bar { background-color: #0B3541; }
.betta-navigation .navbar-toggle:hover,
.betta-navigation .navbar-toggle:focus { background-color: #CAE1E8; }
/* La opción adicional necesita el menú plegable también en tabletas. */
@media (max-width: 991px) {
    .betta-navigation { height: 100px; }
    .betta-navigation > .container { width: 100%; }
    .betta-navigation .navbar-header { float: none; }
    .betta-navigation .navbar-brand { height: 100px; }
    .betta-navigation .navbar-brand img { max-width: 75px; }
    .betta-navigation .navbar-toggle { display: block; margin-top: 30px; }
    .betta-navigation .navbar-collapse {
        clear: both;
        background: #fff;
        border-top: 1px solid #CAE1E8;
        max-height: calc(100vh - 100px);
        overflow-y: auto !important;
        margin-right: -15px;
        margin-left: -15px;
    }
    .betta-navigation .navbar-collapse.collapse { display: none !important; }
    .betta-navigation .navbar-collapse.collapse.in { display: block !important; }
    .betta-navigation ul.navbar-nav {
        float: none !important;
        margin: 0;
        width: 100%;
    }
    .betta-navigation ul.navbar-nav > li { float: none; margin: 0; text-align: left; }
    .betta-navigation .navbar-nav > li > a { padding: 12px 20px; }
    .betta-navigation .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        border: 0;
        box-shadow: none;
        background: #CAE1E8;
    }
    .betta-navigation .navbar-nav .open .dropdown-menu > li > a {
        color: #0B3541;
        white-space: normal;
        padding: 10px 30px;
    }
    .betta-navigation .navbar-nav .open .dropdown-menu > li > a:hover,
    .betta-navigation .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background: #0A6179;
    }
    .betta-navigation .arrow_box:after { display: none; }
}