/* vistas moviles */

/* Móviles pequeños (horizontal y vertical) */
@media (max-width: 576px) { 
    #preciopormetro {
        margin-right: 10px;
        margin-top: -98px;
        font-size: 11px;
    }
    #tipodeconsumo {
        padding: 18px 27px 3px 22px;
        font-size: x-small;
    }
    .menucontenido {
        padding: 8px;
        flex-wrap: wrap;
        min-width: 100%;
        font-size: small;
    }
    .ribbon-2 {
        inset: 0px -12px auto auto;
        padding: 0 10px 10px 25px;
    }
    #preciofinalsinoferta {
        top: 43px;
    }
    .select-dtfstore, .select-anchos-dtfstore, .select-perfiles-dtfstore {
        font-size: 10px;
    }
    #tagdescuento {
        margin-top: -17px;
        font-size: x-small;
    }
    #proximosprecios {
        font-size: 10px;
    }
    dtf-visor{
        min-width: 100%;
    }
    .btndtf {
        padding: 12px 16px 10px 0px;
        font-size: 13px;
    }
    #titulomensajes {
        font-size: 11px;
        margin-top: -3px;
    }
    #mensaje{
        margin-top: 10px;
    }
    #navbardtfstore {
        padding: 10px 40px;
    }
    #botoncomprar2 {
        font-size: 13px;
        font-weight: 800;
        padding: 3px 5px;
    }
    .navbardtfstore-text {
        font-size: 12px;
        text-align: center;
    }
    .navbardtfstore-logo {
        max-width: 100px;
    }
    .navbardtfstore-left {
        margin-left: -30px;
    }
    #cuadro_usuario {
        margin-bottom: 30px;
        padding: 7px 11px 3px 4px;
    }
    .usuario_izq {
        font-size: x-small;
    }
    .usuario_der {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: auto;
        font-size: xx-small;
        justify-content: space-around;
    }
    .inferiormenu {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .archivo-contenedor {
        display: grid;
        grid-template-columns: 24px 1fr 1fr;
        gap: 5px;
        align-items: start;
    }
    .columna-info {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .copias input.input-cantidad-multiple {
        width: 21px;
        height: 28px;
        text-align: center;
        font-size: 18px;
        border: 0px solid #ccc;
        padding: 0;
        font-family: 'dtf2';
        align-items: center;
    }
    .copia {
        width: 38px;
    }

}

/* Tablets */
@media (max-width: 768px) { 

}

/* Pantallas medianas (laptops pequeñas) */
@media (max-width: 992px) { 

}