:root{
	scroll-behavior: smooth; 
}

p{
    font-size: 16px;
}

.banner{
    height: 50vh; 
    background-image: url('https://res.cloudinary.com/dke3gl7nu/image/upload/v1726665240/fondo-mobile_loft7i.webp');
    /*background-image: url(../images/fondo-mobile.webp);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner::before {
    content: '';
    /*background: linear-gradient(to right, rgba(9, 2, 32, 0.631), rgba(197, 197, 197, 0));*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

  


.banner__cont-text{
    padding: 0 0 0 0;
    height: 100%;
    display: flex; 
    justify-content: center; 
    align-items: center;
}
.banner__cont-text h1{
    margin-top: 80px;
    color: white;
    font-weight: bold;
    width: 70%;
    font-size: 26px;
    z-index: 10;
}

.banner__cont-text h1 span{
    font-size: 20px ;
}

.quienes-somos_parrafo{
    color: black;
    font-weight:bold;
    margin: 0 0 5px 0;
}

.product-titulo{
    font-size: 24px;
    font-weight: bold;
}

.product-subtitulo{
    font-size: 34px;
}

.seguinos{
    display: flex; 
    flex-direction: row; 
    justify-content: center; 
    align-items: center;
}

.seguinos img {
    width: 50px;
}

.microcement{
    width: 90%;
}

.rocemol{
    width: 90%;
}
.pinar{
    width: 90%;
}

@media (min-width:390px) { 
    .banner{
        
        background-position-x:0;
        background-position: center;

    }
 }

@media (min-width: 576px) {  }


@media (min-width: 768px) { 
    p{
        font-size: 18px;
    }

    .banner{
        background-image: url(../images/fondo.webp);
        height: 100vh; 
        /*background-position-x: 0;
        background-position-y: 0;*/
        /**background-position: center;*/
        
    }

    /* .banner::before {
        content: '';
        background: linear-gradient(to right, rgba(9, 2, 32, 0.631), rgba(197, 197, 197, 0));
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    } */

    .banner__cont-text{
        padding: 0 0 0 0;
        height: 100%;
        display: flex; 
        justify-content: center; 
        align-items: center;
    }
    .banner__cont-text h1{
        margin-top: 300px;
        color: white;
        font-weight: bold;
        width: 70%;
        font-size: 40px; 
        line-height: 70px;
    }

    .banner__cont-text h1 span{
        font-size: 50px ;
    }

    .mision-vision{
        font-size: 30px;
    }

    #Top_bar #logo img.logo-mobile {
        width: 60%;
    }
    
    .product-subtitulo{
        font-size: 50px;
    }
    .microgoma h3{
        font-size: 26px;
    }

    .microgoma-img{
        width: 90%;
    }

    .microcement{
        width: 90%;
    }
    
    .rocemol{
        width: 100%;
    }
    .pinar{
        width: 100%;
    }

    .venezia{
        width: 100%;
    }

    
    
 }

@media (min-width: 992px) {  }


@media (min-width: 1200px) {  }

@media (min-width: 1400px) {  }