@charset "utf-8";

/* CSS Document */

/*---------------------HEADER Y MENÚ---------------------*/
@media (min-width: 312px) and (max-width: 740px){
    header{
        height: auto; margin-bottom: 30px;
    }
    .nav-idiomas{
        float:none; padding: 0; width: 30%;
    }
    #block-alternadordeidioma ul{
     padding-left: 10px;   
    }    
    header .navbar-nav{
        float: left; margin-bottom: 30px;
    }
}


/*---------------------SLIDER DEL HOME---------------------*/

@media (min-width: 312px) and (max-width: 740px){
    /*Bloque negro*/
    .d-none{
        display: block !important;
    } 
    #carouselSlider .carousel-caption-p-text{
        width: 100%; float: none; height: 83%; padding:20px 30px;
    }
    #carouselSlider .carousel-caption-p-text p{
        margin-bottom:1.75rem;
    }
    #carouselSlider .controles{
        height: 100%; right: 0; width: 100%;
    }
    #carouselSlider .carousel-indicators{
        bottom:3px; margin-left: 30px;
    }
    /*Contenedor de foto*/
    #carouselSlider .carousel-item{
        height: 550px;
    }
    .carousel-inner{
        height: 450px;
    } 
    #carouselSlider .carousel-caption.d-none.d-md-block{
        height: 60%; top: 25%; width: 100%;
    }
    #carouselSlider .carousel-caption.d-none.d-md-block p{
        font-size: 20px;
    }
    
    /*Carrusel clientes*/
    #carouselClientes .carousel-inner{
        height: 350px;
    }
    #carouselClientes .carousel-inner .row{
        margin-right: 0; margin-left:0;
    }
    #carouselClientes .carousel-inner .col-md-2{
        width: 50%;
    }
    #carouselClientes .carousel-item:last-child .col-md-2:last-child{
        width: 100% !important;
    }
    
    /*-----Sección noticias-----*/
    #scc_noticias{
        margin-bottom: 0; padding-bottom: 2%;
    }
    .bhoechie-tab-menu{
        height: auto !important;
    }
    .bhoechie-tab-menu ul.list-group > li{
        height: auto !important;
    }
    .noticias-pie{
        text-align: center; padding: 17px;
    }
    .noticias-pie a{
        right: 0; font-size: 15px;
    }
    #block-alternadordeidioma{ top: 0px; }
}


/*---------------------Footer Global---------------------*/
@media (min-width: 312px) and (max-width: 740px){
    footer.scc-footer{
        overflow: hidden; height: 690px !important;
    }
}

/*---------------------NUESTRA EMPRESA---------------------*/

@media (min-width: 312px) and (max-width: 740px){
    /*Historia*/
    .estilo1 .container .col-md-6:last-child{
        height: 300px;
    }
    /*-- Importante: Estos estilos también deben reflejarse en la pá*/
    .cifras-experiencia .separador{
        color: transparent;
    }
    footer.scc-footer{
        overflow: hidden; height: 690px !important;
    }
}
@media (max-width: 768px){
	#carousel-equipo .carousel-control-prev{ margin-left: 0px; } 
	#carousel-equipo .carousel-control-next{ margin-right: 0px; }
}

/*---------------------SERVICIOS---------------------*/


@media (min-width: 312px) and (max-width: 740px){
/*    Banners*/
    .servicio.active{
        overflow: hidden;
    }
}
@media (max-width:490px), handheld and (orientation:portrait){
    
    .w100p{
        width: 285% !important; margin-left: -90%;
    }    
    
    #Modelos .servicio-link{
        width:100%;
    }
    #Gestión-y-adaptación .servicio-link{
        width:100%
    }
}
@media (min-width:490px) and (max-width:740px), handheld and (orientation:landscape){
    #Modelos .servicio-link{
        width:45%;
    }
    #Gestión-y-adaptación .servicio-link{
        width:45%
    }
}


/*---------------------PÁGINAS BÁSICAS---------------------*/


@media (min-width: 312px) and (max-width: 740px){
/*    Banners*/
    .modelos .field--name-field-caratula img{
        width: 200%; height: 160px;
    }
    
    .title{
        width: 100%; margin: 0 auto;
    }
    .title h1 span{
        font-size: 33px; padding-top: 24px;
    }
    
    .modelos .field.field--name-body, .page-node-type-page .field.field--name-body{
        padding: 0 0 60px;
    }
    .servicio-link{
        width:100%;
    }
}    
    
@media (max-width:490px), handheld and (orientation:portrait){
    .modelos .title .field--name-field-ingeniar, .page-node-type-page .field--name-field-ingeniar{
        bottom: 77%;
    }
}

@media (min-width:490px) and (max-width:740px), handheld and (orientation:landscape){
    .modelos .title .field--name-field-ingeniar, .page-node-type-page .field--name-field-ingeniar{
        bottom: 62%;
    }
    .title{
        padding: 17px 30px 10px;
    }
}