/* Full with XXL up to 1367  app.css */
/* col-12 -> móvil G / col-md-8 -> tablet Y / col-xl-5 -> laptop R / col-xxl-5 -> full with */

@media (max-width: 1399px) {  /* Portátiles (de 1200 a 1366px) xl */
    .container {
        /*border: 1px solid red;*/
    }
    body{
        overflow-x: hidden;
    }
    .pestanaBlanca{
        padding: 30px 10px 20px 20px;
    }
    .pestanaBlau h4, .pestanaBlanca h4{
        font-size: 1.75rem;
    }
    .pestanaBlau, .pestanaBlanca{
        min-height: 201px;
    }
    .paraulaLlarga{
        font-size: 1.25rem;
    }
    .noHeight{
        min-height: 200px;
    }

}


@media (max-width: 1199px) {  /* Tablets (de 992 a 1199px) md & lg */
    .container {
        /*border: 1px solid yellow;*/
    }
    .fonsReciclar h1{
        padding-left: 0;
    }
    .mes25{
        font-size: 6rem;
        line-height: 5rem;
        margin-left:-70px;
    }
    .fotoFonsReciclar{
        padding: 10px 0 230px;
    }
    .imgInvestigacion{
        width: 35%;
        top: 25%;
        left: 0;
    }
    .btn-outline-light{
        padding: 8px 10px 8px 20px;
        font-size: 0.8rem;
    }
    .nav-link{
        font-size: 12px;
    }
    .pestanaBlau, .pestanaBlanca{
        line-height: 1.25rem;
        min-height: 200px;
    }
    .pestanaBlau h4, .pestanaBlanca h4{
        font-size: 1.25rem;
        line-height: 1.25rem;
    }
    .paraulaLlarga{
        font-size: 1.1rem;
    }
    .titPestana{
        min-height: 60px;
    }
    .noHeight{
        min-height: 170px!important;
    }

}


@media (max-width: 991px) {    /* Tablets (de 768 a 991) md & lg */
    .container {
        /*border: 1px solid pink;*/
    }
    .imgInvestigacion{
        position: relative;
        width: auto;
        top: 0;
        left: 0;
        transform: translateY(0%);
        margin: 20px 20px 0;
    }
    .pestanaBlanca{
        min-height: 160px;
        padding: 30px 20px 20px 30px;
        margin-bottom: 20px;
    }
    .pestanaBlau{
        margin-bottom: 20px;
    }
    .fotoFonsReciclar{
        padding: 10px 0 0px;
    }
    .navbar-nav{
        margin:10px 30px;
    }
    .langSelector{
        margin: 10px 50px 50px 25px;
    }
    .navbar-nav .dropdown-menu{
        transform: translate(0);
        background-color: #E5F5FC;
        line-height: 1rem;
    }
    .lang-dropdown{
        margin: 0 0 0 20px;
    }
    .btnLang{
        padding:5px;
    }
    .iconLang{
        margin:-3px 5px 0 0;
    }
    .chevronLang{
        margin:-3px 0 0 5px;
    }
    .fonsReciclar h1{
        font-size: 2.25rem;
        line-height: 2rem;
        padding-left: 0;
    }

    .mes25{
        font-size: 6rem;
        line-height: 5rem;
        margin-left:0px;
    }
    .pestanaBlau, .pestanaBlanca{
        line-height: 1.25rem;
        min-height: 260px;
    }
    .txtPlantas{
        font-size: 42px;
    }
    .noHeight{
        min-height: 170px!important;
    }
    .grid-item {
        font-size: 16px;
    }
    .grid-item h1 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {  /* Móviles (máximo 767px) */
    .container {
        /*border: 1px solid green;*/
    }
    h3{
        font-size: 2.5rem;
        line-height: 2.25rem;
    }
    .fotoFonsReciclar{
        background-image: url('../frontend/fonsAmpolla_mvl.webp');
        background-position: bottom center;
    }
    #marcas{
        padding: 10px ;
    }
    footer h1{
        font-size: 3rem;
        line-height: 2.5rem;
    }
    #sliderNosotros{
        padding: 100px 0 50px;
    }
    .txtPlantas{
        font-size: 50px;
    }
    #sliderNosotros h1{
        font-size: 3rem;
        line-height: 3rem;
    }
    #sliderServicios, #sliderInnovacion, #sliderSostenibilidad, #sliderTalento, #sliderServicios, .sliderPolitiques {
        padding: 100px 10px 50px;
    }

    #sliderServicios h1, #sliderInnovacion h1, #sliderSostenibilidad h1, #sliderTalento h1{
        font-size: 3rem;
        line-height: 3rem;
    }

    #sliderSostenibilidad h1, #sliderServicios h1, .sliderPolitiques h2{
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .pestanaBlau, .pestanaBlanca{
        min-height: 150px;
    }
    .imgInnovacion{
        position: relative;
    }
    .cardInnovacion{
        min-height: 40px;
    }
    .carousel-item img{
        width: 100%;
    }
    .noHeight{
        min-height: 0!important;
    }
}