@import "./desktop.css";

@media (max-width: 260px){

    /*media query para seccion dulces del alma con imagen de fondo*/
    .principal{
        position: absolute;
        top: 100px;
    }

    .principal-text p{
        display: none;
    }
    
    .principalContainer{
        display: flex;
        justify-content: center;
        height: 314px;
    }

    /*media query para seccion nav bar*/

    .logoMobileContainer {
        width: 100%;
        height: 50px;
    }

    .logoMobile img{
        height: 41px;
    }

    .navUl{
        top: 39px;
        font-size: 10px;
    }

    .burguerMenu button {
        margin-right: 10px;
        padding: 4px;
        height: 50px;
    }

    /*media query para carrusel de imagenes*/

    .carruselFotos img {
        
        height: 239px;
        width: none;
    }

    /*media query para seccion productos*/

    .divisionProductos{
        height: 65px;
        font-size: 10px;
    }
    .carruselFotosContainer a {
        font-size: 7px;
    
    }

    /*media query para seccion alfajor de maicena*/
    .alfajorImg img {
        height: 132px;
    }

    /*media query para seccion calidad*/

    .calidad img {
        height: 110px;
        width: 110px;
    }

    .calidad h2 {
        padding: 20px 0px 20px 0px;
    }

    /*media query para seccion recetas*/
    .title-cards {
        padding: 5px 0px 0px 0px;
    }

    .container-card{
        width: none;
    }

    .card img{
        height: 75px;
    }

    .card .contenido-card a {
        padding: 0px;
        margin: 3px;
        font-size: 9px;
        border: 0.5px solid;
    }

    .card .contenido-card p {
        display: none;
    }

    .card .contenido-card h3 {
        margin: 0px;
        font-size: 14px;
    }

    /*media query para footer*/
    .envoltorioFooter div{
        display: block;
        text-align: center;
        padding-right: 0px;
        font-size: 10px;
    }

    .logoFooter{
        display: none !important;
    }

    iframe{
        width: 100px;
    }

}