/* Pantallas PEQUENAS */

@media only screen and (max-width:550px) {
    /* MODIFICACIONES PARA VARIAS PAGINAS CON MISMAS PROPIEDADES */

    #img-logo, #boton, #homero {
        display: none;
    }

    .wrapper, #opciones-menu ul, #opciones-encabezado .wrapper ul, .opciones, 
    .sobre-nosotros, #personal, .secciones-conte .wrapper, .partes-footer, 
    .partes-footer ul {
        flex-direction: column;
        flex: 1;
    } 

    #logo, .sobre-nosotros, #nosotros-tienda {
        padding: 30px 20px;
    }

    #personal, .partes-footer {
        gap: 30px;
    }

    .imagenes-tartas, .imagenes-personal {
        width: 250px;
        height: 250px;
    }

    #titulo, .naranja, #nosotros-tienda h1, #equipo h2, #donde-encontrarnos h2, 
    #informacion-detallada-tarta h1 {
        font-size: 25px;
    }

    #opciones-tartas a, #personal li p, .opciones-formulario label i, 
    #precio-tarta, .precios-tartas {
        font-size: 18px;
    }

    .hover label, #nosotros-tienda p, #vision p, #mision p, 
    #donde-encontrarnos p, #tamano-tarta label, #informacion-detallada-tarta p {
        font-size: 14px;
    }

    .contenido p, #tamano-tarta select option {
        font-size: 12px;
    }

    #nosotros-tienda p, #donde-encontrarnos p {
        text-align: justify;
    }


    /* MODIFICACIONES PARA PAGINAS: index y opciones-tartas */

    .partes-footer ul, #opciones-encabezado .wrapper ul li {
        display: flex;
    }

    .partes-footer ul, #opciones-encabezado .wrapper ul li {
        justify-content: center;
        align-items: center;
    }

    #resolucion-dudas h2, #resolucion-dudas .naranja {
        font-size: 25px;
    }

    #pagina-carrito i, .info-footer ul li i, #estado-de-carrito p i, #tienda i {
        font-size: 15px;
    }

    #opciones-menu ul li {
        padding: 5px 0;
    }

    #menu {
        padding: 15px 20px;
    }

    #opciones-encabezado .wrapper ul li {
        padding: 15px 0;
    }

    #carrito {
        padding: 0 20px 15px;
    }

    #secciones-conte {
        height: 230px;
    }

    #titulo {
        padding: 35px 20px;
    }

    .button {
        text-align: center;
    }

    .productos h2, .productos h2 .naranja {
        padding: 25px 20px 35px;
        font-size: 20px; 
    }

    .opciones {
        margin: 10px 20px;
        gap: 25px;
    }

    .opciones li {
        flex: 1;
    }

    .opciones li h3 {
        font-size: 16px;
    }

    #footer {
        padding: 120px 20px 20px;
    }

    #redes-sociales {
        margin: 0;
        gap: 5px;
    }


    /* MODIFICACION PARA PAGINA: carrito */

    #estado-de-carrito, #tienda {
        padding: 25px;
    }

    #carrito-usuario .wrapper {
        padding: 50px 20px;
    }

    #tienda {
        justify-content: flex-start;
    }

    #suscribirse {
        margin: 0 20px;
    }

    /* MODIFICACION EN PAGINA: descripcion-tarta */

    .imagen-tarta img {
        width: 294px;
        height: 222px;
    }

    /* MODIFICACION EN PAGINA: six-pack-personalizado */

    table {
        width: 40%;
    }
}



/* PANTALLAS MEDIANAS */

@media only screen and (max-width:875px) { 
    /* MODIFICACIONES PARA VARIAS PAGINAS CON MISMAS PROPIEDADES */
    
    #homero, #img-logo, #boton {
        display: none;
    }

    #opciones-encabezado .wrapper ul, #personal, .sobre-nosotros, 
    .secciones-conte .wrapper, .partes-footer {
        flex-wrap: wrap;
    }

    .wrapper, #opciones-encabezado .wrapper ul, #personal, #footer, 
    .partes-footer {
        justify-content: center;
    }

    #logo, #menu, #carrito {
        padding: 50px 20px;
    }

    #footer {
        padding: 135px 20px 30px;
    }
}



/* PANTALLAS GRANDES */ 

@media only screen and (max-width:1200px) {
    #homero {
        display: none;
    }

    #popup-img img {
        width: 95%;
    }
}