::-webkit-scrollbar {width: 9px; height: 9px; }
::-webkit-scrollbar-button {width: 8px; height: 8px; }
::-webkit-scrollbar-thumb {background: #FFA800; border: 62px none #ffffff; border-radius: 50px; }
::-webkit-scrollbar-thumb:hover {background: #DC9816; }
::-webkit-scrollbar-thumb:active {background: #FFA800; }
::-webkit-scrollbar-track {background: #FFFFFF; border: 54px none #ffffff; border-radius: 76px; }
::-webkit-scrollbar-track:hover {background: #FFFFFF; }
::-webkit-scrollbar-track:active {background: #FFFFFF; }
::-webkit-scrollbar-corner {background: transparent; }

.navbar-toggler:focus{box-shadow: none}
.navbar-toggler span {display: block; background-color: rgba(255, 255, 255, 0.55); height: 2px; width: 25px; margin-top: 5px; margin-bottom: 5px; position: relative; left: 0; opacity: 1; transition: all 0.35s ease-out; transform-origin: center left; border-radius: 2px}
.navbar-toggler span:nth-child(1) {margin-top: 0.3em; }
.navbar-toggler:not(.collapsed) span:nth-child(1) {transform: translate(15%, -100%) rotate(45deg); }
.navbar-toggler:not(.collapsed) span:nth-child(2) {opacity: 0; }
.navbar-toggler:not(.collapsed) span:nth-child(3) {transform: translate(15%, 33%) rotate(-45deg) ; }
.navbar-toggler span:nth-child(1) {transform: translate(0%, 0%) rotate(0deg) ; }
.navbar-toggler span:nth-child(2) {opacity: 1; }
.navbar-toggler span:nth-child(3) {transform: translate(0%, 0%) rotate(0deg) ; }



.owl-theme .item {position: relative;}
.owl-theme .owl-nav {margin-top: 10px; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
.owl-theme .owl-nav [class*=owl-]:hover{background: transparent; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{position: absolute; font-size: 95px}
.owl-carousel .owl-nav button.owl-prev{left: -50px;  transform: translateY(-100%);}
.owl-carousel .owl-nav button.owl-next{right: -50px; transform: translateY(-100%);}
.owl-theme .owl-nav [class*='owl-']:hover{color:#666}


:root{
    --bs-link-hover-color: #fff;
    --bs-link-color: #fff;
    --bs-nav-link-color:#fff;
    --bs-navbar-color: #fff;


}
.btn-primary{
	text-transform: uppercase;
    --bs-btn-bg: #E89A03;
    --bs-btn-border-color: #E8A82B;
    --bs-btn-hover-bg: #E89A03;
    --bs-btn-hover-border-color: #E89A03;
    --bs-btn-active-bg: #E89A03;
    --bs-btn-active-border-color: #E89A03;
    --bs-btn-disabled-bg: #E8C685;
    --bs-btn-disabled-border-color: #E8C685;
}

.texto_azul{color: #486284}
.bg-naranja{background-color: #E89A03;}

body{font-family: 'Saira', sans-serif;}
a{text-decoration: none; color:#1A202C}

nav{background-color: #2E333B; transition: all 1s}
nav .navbar-brand img{filter: none;}
nav.trasparente .navbar-brand img{filter: brightness(5) saturate(0);}
nav.trasparente{background-color: transparent;}
nav #redes{position: relative;margin-left: 20px;padding-left: 20px;}
nav #redes:before{position: absolute;content: '';top: 9px;left: 0;height: 20px;width: 2px;background-color: #b1b1b1;}
.nav-link:focus,
.nav-link:hover{background-color: transparent;}

.grid-demo .nav-link{padding: 0;}

.navbar-dark, .navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 1);}


.dropdown-menu{background-color: #2E333B;}
/* VIDEO */








header {position: relative; background-color: black; height: 100vh; min-height: 25rem; width: 100%; overflow: hidden; }
header video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -o-object-fit: cover; object-fit: cover; }
header .container {position: relative; z-index: 2; }
header .overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.5; z-index: 1; }
 header a{   opacity: .6;}

.condensed{font-family: 'Saira Extra Condensed', sans-serif;}

.titulo{font-family: 'Saira Extra Condensed', sans-serif;position: relative;margin-bottom: 2rem;padding-bottom: 1rem; text-transform: uppercase;}
.titulo:after{content: '';position: absolute;bottom: 0;width: 200px;height: 4px;background-color: #FFA800;left: 0;}
.titulo.azul:after{background-color: #486284;}
.titulo.derecha:after{right: 0; left: auto}
.bg-gris{background-color: #F6F6F6;}


#foto_parallax{height: 100vh}
.parallax-mirror:after{content:'' ; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.5; z-index: 1; }
#contactos i{color: #FFA800;}



#grilla ul#categorias li.activo{font-weight: bold;}
table thead tr th{background-color: #FFA800!important;color: #fff!important}
#grilla figure{height: 380px; margin: 0;}
#grilla ul#categorias li a,
#grilla ul#familias li a{text-transform: uppercase;}
#grilla ul#categorias li.activo{font-weight: bold;}
#grilla ul#familias li.activo{font-weight: bold;}


button{background-color: #486284;}


footer{background-color: #121E32; color: #fff}
#bottom{background-color: #E89A03; color: #fff}
/*.card {border: 0; border-radius: 20px;}*/




@media (max-width: 600px){
.navbar-nav .dropdown-menu {height: 30vh; overflow: auto;}
nav #redes{padding: 0;margin: 0;flex-direction: row;}
nav #redes:before{content: none;}
nav #redes .nav-link{margin-right: 20px}
}




/*! * Yamm! - Yet another megamenu for Bootstrap */
.yamm .collapse,.yamm .dropup,.yamm .dropdown{position:static}.yamm .container{position:relative}.yamm .dropdown-menu{left:auto}.yamm .yamm-content{padding:1rem}.yamm .dropdown.yamm-fw .dropdown-menu,.yamm .dropup.yamm-fw .dropdown-menu{left:0;right:0}