/*HEADER ---------------------------------*/
.navbar-inner{
    background-color: white;
    box-shadow: 0 4px 8px grey;
}
.navbar {
    border-top: 9px solid #f39c12;
}
.navbar .container {
    display: flex;
    justify-content: space-between;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus{
 color: black;   
}
.site-header.modal-header {
    min-height: 11px;    
}

/* BIENVENIDOS -------------------------------*/
/* Carrusel full width */
.carousel {
  width: 100vw !important;       /* ocupa todo el ancho de la ventana */
  max-width: 100% !important;    /* asegura que no se corte */
  margin: 0 auto !important;     /* centra el carrusel */
  padding: 0 !important;         /* elimina padding interno */
  box-sizing: border-box;         /* evita scroll inesperado */
}

/* Cada ítem del carrusel */
.carousel .carousel-item {
  width: 100vw !important;       /* cada slide ocupa todo el ancho */
  height: 100vh;                 /* opcional: altura completa de pantalla */
  background-size: cover;        /* la imagen ocupa todo el espacio */
  background-position: center;   /* centramos la imagen */
}
.slider-bg{
    padding: 0px 0px 0px;
}
.carousel.slide.carousel-reset>* {
    background-color: transparent !important;
}
.carousel.auto-hide-controls a.carousel-control {
    opacity: 1 !important;
}
.snippet-caja-container{
        background-color: #aaaaaa !important;
}
body{
    background-color: #aaaaaa !important;
}


/* FOOTER --------------------------------*/
.site-footer{
    background: url(bg_siteFooter.jpg) repeat-x top white!important;    
    border-top: 7px solid orange !important;

}   
.modal-footer{
    background-color: white !important;    
}
.site-footer .container{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;    
}

/* INSTITUCIONAL - EQ. DIRECTIVO -----------------*/


.align-center img{
    width: 700px !important;    
}


    
@media (max-width: 430px){
    /* HEADER -----------------------*/
    .navbar .container{
        gap: 123px !important;    
    }
    .navbar .logo-market{
        margin: -6px -106px !important;    
    }
    .navbar .btn{
        padding: 23px 64px !important;    
    }
    .navbar .btn-navbar .icon-bar{
        background-color:black !important;    
    }
    .nav-collapse, .nav-collapse.collapse{
       position: absolute;
        left: 27%;
        top: 29%;   
    }
        .row-fluid.no-gutters span{
        font-size: 8px !important;
    }
        .row-fluid.no-gutters .style{
        min-width:115% !important;
    }
    .nav-collapse .nav li a {
        color:black !important;    
    }
    .navbar .nav {
        background-color: #fffbfb;
        border-radius: 5px;
        box-shadow: 0px 2px 4px darkslategrey;    
    }
    .nav-collapse .dropdown-menu {
         margin: 0 5px !important;   
    }
    /*FOOTER ------------------------------*/
     .site-footer .container{
        align-items: flex-start;
        margin-top: -57px;
        gap: 17px;    
    }
    
    /* BIENVENIDOS -------------------------*/
  
    .row-fluid.no-gutters {
        display:flex;    
        gap: 0px !important;
    }
   

    
}

@media (min-width:431px) and (max-width:768px) {
    /*HEADER ----------------------*/
     .row-fluid.no-gutters {
        display:flex;    
    }   
    .navbar .container{
        gap: 123px !important;    
    }
    .navbar .logo-market{
        margin: -6px -106px !important;    
    }
    .navbar .btn{
        padding: 23px 108px !important;    
    }
    .navbar .btn-navbar .icon-bar{
        background-color:black !important;    
    }
    .nav-collapse, .nav-collapse.collapse{
       position: absolute;
        left: 35%;
        top: 29%;   
    }
    
    /* FOOTER ----------------------------*/
    .site-footer .container{
        align-items: flex-start;
        justify-content: space-around;  
        margin-top: -57px;
    }
    
   
}