/* CSS Document */

@media screen and (max-width:800px) {
    .campo70, .campo30{
        width: 100%;
        max-width:100%;
    }
    .pie{
        font-size: 14px;
        line-height: 20px;
    }
    .pie .interior .links{
        width: 100%;
    }
    .listas .lista .cine{

        min-width: 200px;
    }
    /*.listas .lista .cine .nombre{
        display: none;
    }
    .listas .lista .cine .nombre_responsive{
        display: block;
    }*/
    .listas .lista .cine .nombre{
        font-size: 14px;
        line-height: 20px;
    }
    .listas .lista .cine .descripcion{
        font-size: 12px;
        line-height: 16px;
    }
    .listas .lista .cine .textos .nombreydescripcion{
        /*height: 90px;*/
    }
    .listas .lista .cine .precio{
        font-size: 14px;
        line-height: 20px;
    }
    .listas .lista .cine .unidades{
        font-size: 12px;
        line-height: 18px;
    }

}

@media screen and (max-width:600px) {
    body {
        font-size: 16px;
    }
    .campo label {
        font-size: 14px;
    }
    .listas .titular{
        font-family: MontserratBold;
        font-size: 20px;
        line-height: 30px;
    }
    .listas .subtitular{
        font-size: 12px;
        line-height: 16px;
    }
    .listas .lista{
        justify-content: center;
        gap:20px;
        flex-wrap: wrap;
    }
    .condiciones{
        width: calc(100% - 74px);
    }


    .botonera .boton {
        font-size: 16px;
        line-height: 24px;
    }
    .pie .interior .links .link{
        width: 100%;
    }
    .botonera_fija{
        max-width: 100%;
    }

    #capa_informativo_contenidos{
        border-radius: 0px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        position: fixed;
        bottom: 0px;
        width: calc(100% - 60px);
    }
    .botonera{
        width: 100%;
        flex-wrap: wrap;
    }
    .botonera .boton{
        width: 100%;
    }
    .butaca{
        max-width: 250px;
        margin: 0 auto;

    }
    .campo50{
        width: 100%
    }
    .listas .lista{
        column-gap:12px;
    }
    .listas .lista .cine{

        min-width: calc(50% - 20px);
    }
    .info .opciones .opcion{
        font-size: 16px;
    }
    .listas .lista .cine .textos{
        padding: 12px 10px;
    }


}