/* CSS Document */
body{
    margin:0;
    padding:0;
    font-family:MontserratRegular;
    font-size:19px;
    color:#292929;
;
}
input[type=text],input[type=number],select,textarea{
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
button{
    border:none;
    outline: none;
    cursor:pointer;
}
a{
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.centrar {
    text-align: center;
}
.negrita{
    font-family: MontserratBold;
}
.rojito{
    color: #FF4F2E;
}
.flex_centrar_contenido{
    justify-content: center;
}
.flex_separar_contenido{
    justify-content: space-between;
}
.ancho100x100{
    width: 100%;
}
#capa_dev{
    background: #000000;
    font-size: 14px;
    padding: 10px;
    color:#ffffff;
}
#capa_superpuesta{
    background: rgb(0,0,0,0.5);
    width: 100%;
    height:100%;
    display: flex;
    position: fixed;
    z-index:11000;
    display: none;
}
#capa_superpuesta_contenidos{
    width: 100%;
    min-height: 100%;
    z-index:11001;
    position: absolute;
    top:0px;
    left: 0px;
    display: none;
    align-items: center;
    justify-content: center;
    margin:30px 0px;
}
#capa_informativo{
    width: 100%;
    min-height: 100%;
    z-index:11001;
    position: absolute;
    top:0px;
    left: 0px;
    align-items: center;
    justify-content: center;
    margin:30px 0px;
    display: none;
}
#capa_informativo_contenidos{
    width: calc(90% - 60px);
    max-width: 480px;
    padding:30px;
    font-size: 14px;
    border-radius: 10px;
    background: #fdfdfd;
    border-radius: 20px;
    border:1px solid #dcdcdc
    color:#292929;
}

.capa_contenedor{
    width: calc(90% - 60px);
    max-width: 700px;
    padding:30px;
    font-size: 14px;
    border-radius: 10px;
    background: #f6f6f6;
    border-radius: 20px;
    border:1px solid #dcdcdc
    color:#292929
}
.capa_contenedor .titulo{
    font-size: 24px;
    font-family: MontserratBold;
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
}
.capa_contenedor .titulo .cerrar{
    width: 40px;
    text-align: right;
}
.capa_contenedor .descriptivo{
    font-size: 16px;
    line-height: 24px;
}
.capa_contenedor .descriptivo .descripcion_producto{

}
.capa_contenedor .descriptivo .descripcion_producto .seccion{
    font-family: MontserratBold;
    margin-top: 15px;
}
.capa_contenedor .descriptivo .descripcion_producto a{
    text-decoration: underline;
}

.desarrollo{
    width: 100%;
    background:#ffffff;
    display: flex;
    justify-content: center;
    align-items:center;
}
.inicio{
    background: #1B243D;
    color: #ffffff;
}
.desarrollo .contenidos{
    margin: 0px auto;
    width: 100%;

}
.desarrollo .contenidos .contenidos_interior{
    width: 95%;
    margin: 0px auto;
    max-width: 1024px;

}
.desarrollo .logo_general{
    background: #3782A3;
    width: 100%;
    clear: both;
    padding: 16px 0px
}
.desarrollo .logo_general .interior{
    max-width: 1024px;
    width: 95%;
    margin:0 auto;
}
.inicio .logo{
    text-align: center;
}
.inicio .titular{
    margin: 0px auto;
    font-size: 25px;
    font-family:MontserratBold;
    margin-top: 30px;
}
.inicio .descriptivo{
    max-width: 676px;
    margin: 30px auto;
}
.inicio .formulario{
   /* max-width: 360px;*/
    margin: 0 auto;
}

.formulario{
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap:5px 10px;
}

.botonera{
    display: flex;
    gap:10px;
    margin-top: 15px;
    width: 100%;
    justify-content: center;
}
.botonera_fija{
   /* position: fixed;
    bottom: 20px;*/
    max-width: 570px;
    margin-bottom: 20px;
}
.botonera_finaliza_tu_compra{
    display: block;
    width: calc(25% - 40px);
    border-radius: 8px;
    overflow: hidden;
    min-width: 240px;
    position: relative;
}
.botonera_compra_finalizada{
    margin: 30px auto;
    max-width: 480px;
    flex-direction: column;
}
.botonera_compra_finalizada a{
    width: calc(100% - 40px) !important;
}

.botonera .boton{
    background: #FF4F2E;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 19px;
    color:#FDFDFD;
    width: 100%;
    text-align: center;
    line-height: 28.8px;
}
.botonera .boton:disabled{
    cursor: default;
    background: #f6f6f6;
    color:#dcdcdc;
}

.listas{
    margin-bottom: 50px;
}
.listas .titular{
    font-family: MontserratBold;
    font-size: 24px;
    line-height: 36px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.listas .subtitular{
    font-size: 14.5px;
    line-height: 16px;
    margin-bottom: 30px;
}
.listas .lista{
    display: flex;
    width: 100%;
    /*flex-wrap: wrap;*/
    gap:40px;
    column-gap: 20px;
}
.listas .lista .cine{
    display: block;
    width: calc(25% - 40px);
    border-radius: 8px;
    /*box-shadow: 0px 8px 8px -4px #242408;
    box-shadow: 0px 20px 24px -4px #242414;*/
    box-shadow: 0px 20px 24px -4px rgba(36, 36, 36, 0.08), 0px 8px 8px -4px rgba(36, 36, 36, 0.03);
    border-radius: 8;
    overflow: hidden;
    min-width: 240px;
    position: relative;
}
.listas .lista .cine .radio{
    position: absolute;
    top:15px;
    left:15px;
    width: 30px;
    height:30px;
    background: url("../img/radio.png") center center no-repeat;
}
.listas .lista .cine .radio_seleccionado{
    background: url("../img/radio_seleccionado.png") center center no-repeat;
}
.listas .lista .cine_seleccionado{
    outline:3px solid #FF4F2E;
}
.listas .lista .cine .foto img{
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.listas .lista .cine .textos{
    padding: 15px 12px;
}
.listas .lista .cine .textos .nombreydescripcion{
   /* height: 130px;*/
}
.listas .lista .cine .nombre{
    font-family: MontserratBold;
    font-size: 17px;
    line-height: 24px;
    padding-bottom: 10px;
}
.listas .lista .cine .descripcion{
    font-size: 14.4px;
    line-height: 19.2px;
    padding-bottom: 10px;
}
.listas .lista .cine .precio{
    font-family: MontserratBold;
    font-size: 16.8px;
    line-height: 24px;
    padding-bottom: 10px;
   /* position: absolute;*/
    bottom: 15px;
    width: calc(100% - 30px);
}
.listas .lista .cine .importe{
    display: flex;
    gap:10px;
    align-items: center;
}
.listas .lista .cine .nombre_responsive{
    display: none;
}
.listas .lista .cine .unidades{
    font-size: 14.4px;
    line-height: 21.6px;
}
.campo_cantidad{
    display: flex;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    width: 100%;
    overflow: hidden;
}

.campo_cantidad .cantidad{
    width: calc(100% - 80px);
}
.campo_cantidad .cantidad input[type="text"]{
    text-align: center;
    font-size: 16.8px;
    line-height: 36px;
    width: 100%;
}
.campo_cantidad div:first-child,.campo_cantidad div:last-child{
    background:#f6f6f6;
    font-size: 20px;
    width: 40px;
    line-height: 36px;
    text-align: center;
    font-family: Montserrat;
    cursor: pointer;
}
.boton_restaysuma_limite{
    color: #dcdcdc;
    cursor: default!important;
}
.boton_restaysuma_bloqueado{
    color: #dcdcdc!important;
    cursor: default!important;
}
.boton_sumayresta_falso{
    background:#f6f6f6;
    font-size: 20px;
    width: 40px;
    line-height: 36px;
    text-align: center;
    font-family: Montserrat;
    cursor: pointer;
    display: none;
    color: #dcdcdc !important;
    cursor: default!important;
}
.campo_cantidad .boton_resta{
    border-right: 1px solid #dcdcdc;
}
.campo_cantidad .boton_suma{
    border-left: 1px solid #dcdcdc;
}
.errores_cantidad{
    font-size: 12px;
    font-family: Montserrat;
    color: #ff5e5e;
}

.boton_con_flecha{
    background-image:url("../img/boton_flecha.png"),linear-gradient(90deg, #154194 0%, #0080C9 100%);
    background-position-x: calc(100% - 10px),0px;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-right: 40px!important;
    padding: 8px 20px;
    border-radius: 40px;
    font-size: 14px;
    color:#FDFDFD;
    width: 100%;
    text-align: center;
}
.boton_con_regalo{
    background-image:url("../img/boton_regalo.png"),linear-gradient(90deg, #154194 0%, #0080C9 100%);
    background-position-x: 15px,0px;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-left: 35px!important;
    padding: 8px 20px;
    border-radius: 40px;
    font-size: 14px;
    color:#FDFDFD;
    width: 100%;
    text-align: center;

}
.boton_negro{
    background: #292929 !important;
}
.boton_azul{
    background: #3681A2 !important;
    font-size: 15px!important;
}
.boton_gris{
    background: #DCDCDC !important;
    color: #292929!important;
}
.boton_imagen{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.boton_imagen div:first-child{
    padding-top: 5px;
}
.botonera_volver{
    display: flex;
    width: 100%;
    gap:10px;
    margin-top: 30px;
    max-width:700px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.boton_volver{
    background:url("../img/boton_volver.png") #F1F1F1;
    background-position-x: 10px;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-left: 30px!important;
    padding: 12px 20px;
    font-size: 14px;
    color:#292929;
    width: 100%;
    text-align: center;
    max-width: 80px;
}
.campo{
    margin-bottom: 15px;
    position: relative;
}
.campo70{
    width: calc(100% - 365px);
}
.campo50{
    width: calc(50% - 8px);
}
.campo30{
    width: 100%;
    max-width: 350px;
}
.campo100{
    width: calc(100%);
}
.campo label {
    font-size: 17px;
    margin-bottom: 3px;
    display: block;

}
.campo a{
    font-family: MontserratBold;
    color:#1886FE;
    text-decoration: none;

}

.campo_oculto{
    display: none;
}

.campo_texto,.campo_textarea{
    width: calc(100% - 22px);
    font-family: "MontserratRegular";
    font-size: 14px;
    padding: 10px;
    outline: none;
    border-radius: 5px;
    border:1px solid #bdbdbd;
   /* -webkit-box-shadow: 3px 3px 15px -7px rgba(138,138,123,0.75);
    -moz-box-shadow: 3px 3px 15px -7px rgba(138,138,123,0.75);
    box-shadow: 3px 3px 15px -7px rgba(138,138,123,0.75);*/
    background: #fff;
}

.campo_textarea{
    resize: none;
    height:120px;
}
.campo_select{
    width: 100%;
    font-family: "MontserratRegular";
    font-size: 14px;
    padding: 10px;
    outline: none;
    border-radius: 5px;
    border:1px solid #8a8a8a;
    -webkit-box-shadow: 3px 3px 15px -7px rgba(138,138,123,0.75);
    -moz-box-shadow: 3px 3px 15px -7px rgba(138,138,123,0.75);
    box-shadow: 3px 3px 15px -7px rgba(138,138,123,0.75);
    background: #fff;
}
.campo_email{
    background:url("../img/campo_email.png") no-repeat #fff !important;
    background-size: 20px !important;
    background-position: 10px 8.5px !important;
    padding-left: 35px !important;
    width: calc(100% - 52px) !important;
}
.campo_password{
    background:url("../img/campo_password.png") no-repeat #fff !important;
    background-size: 25px !important;
    background-position: 10px 5px !important;
    padding-left: 40px !important;
    width: calc(100% - 52px) !important;

}
.campo_password_mostrar_ocultar{
    position: absolute;
    right: 10px;
    top:35px;
    cursor: pointer;
}
.campo_telefono{
    background:url("../img/campo_telefono.png") no-repeat #fff !important;
    background-size: 25px !important;
    background-position: 10px 5px !important;
    padding-left: 40px !important;
    width: calc(100% - 52px) !important;
}
.campo_direccion{
    background:url("../img/campo_direccion.png") no-repeat #fff !important;
    background-size: 25px !important;
    background-position: 10px 5px !important;
    padding-left: 40px !important;
    width: calc(100% - 52px) !important;
}
.campo_ubicacion{
    background:url("../img/campo_ubicacion.png") no-repeat #fff !important;
    background-size: 25px !important;
    background-position: 10px 5px !important;
    padding-left: 40px !important;
    width: calc(100% - 52px) !important;
}

.campo_nombre{
    background:url("../img/campo_nombre.png") no-repeat #fff !important;
    background-size: 20px !important;
    background-position: 10px 8px !important;
    padding-left: 35px !important;
    width: calc(100% - 52px) !important;
}
.cantidades_campos{
    border:none;
}
.recaptcha{
    display: flex;
    align-items:center;
    justify-content: center;
}
.errores_procesado_formulario{
    display: block;
}
.errores_procesado_formulario ul{
    list-style: none;
    border:1px solid #ff5e53;
    padding: 10px;
}
.errores_procesado_formulario li{
    color: #ff5e5e;
    text-align: center;
}
.campo ul{
    list-style: none;
    padding: 0px;
    margin:0px;
}
.campo li{
    color: #ff5e5e;
    font-size: 12px;
    line-height: 18px;
    padding: 0px;
    margin:0px;
    padding-top: 5px;
}

.campo_error{
    border:1px solid #ff5e5e !important;
}
.info{

}
.info .titular{
    font-size: 18px;
    font-family: MontserratBold;
    display: flex;
    gap:5px;
    align-items: center;
}
.info .descriptivo{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.info .opciones{
    padding-bottom: 10px;
    
}
.info .opciones .opcion{
    display: flex;
    font-size: 18px;
    line-height: 25px;
    gap:8px;
    align-items: center;
}
.info .opciones .opcion .rojito{
    color: #FF4F2E;
    font-family: MontserratBold;
}
.info .opciones .opcion .opcion_precio{
    display: flex;
    align-items: center !important;
}

.info .productos{
    margin-top: 15px;
}
.info .productos .producto{
    display: flex;
    /*box-shadow: 0px 4px 6px -2px #242408;
    box-shadow: 0px 12px 16px -4px #242414;*/
    box-shadow: 0px 12px 16px -4px rgba(36, 36, 36, 0.08), 0px 4px 6px -2px rgba(36, 36, 36, 0.03);
    border: 1px solid #f1f1f1;
    width: 100%;
    margin-bottom: 20px;
    border-radius:10px;
    gap:10px;
    overflow: hidden;
    align-items: center;

}
.info .producto .foto{
    width: 100px;
    min-width: 100px;
    min-height: 74px;
    height: 74px;
}
.info .producto .foto img{
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.info .producto .datos{
    width: calc(100% - 90px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.info .producto .datos .nombre{
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 6px;
}
.info .producto .datos .precio{
    font-size: 14px;
    line-height: 20px;
    font-family: MontserratBold;
}
.info .producto .unidades{
    padding-right: 10px;
}
.info .campo_cantidad{
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}


.info .totales{
    border: 1px solid #F6F6F6;
    padding: 20px 12px;
    gap: 10px;
    border-radius: 8px;
   /* box-shadow: 0px 4px 6px -2px #242405;
    box-shadow: 0px 12px 16px -4px #24240A;*/
    box-shadow: 0px 12px 16px -4px rgba(36, 36, 36, 0.08), 0px 4px 6px -2px rgba(36, 36, 36, 0.03);
    margin-bottom: 25px;

}
.info .totales .total{
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    color: #bdbdbd;
    margin-bottom: 10px;
}
.info .totales .total:last-child{
    margin-bottom: 0px;
}
.butaca{
    text-align: center;
    padding-top: 30px;
}

.pie{
    padding:20px;
    color: #292929;
    font-family: MontserratRegular;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    border-top:1px solid #DCDCDC;
}
.pie_inicio{
    border-top:1.2px solid #7C7C7C;
    color: #fdfdfd;
}
.pie .interior{
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:0 auto;
}
.pie .interior .links{
    width: calc(100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap:10px;
}

.volver{
    display: flex;
    color: #292929;
    align-items: center;
    justify-content: center;
    font-family: MontserratRegular;
    font-size: 16px;
    background: #f1f1f1;
    border-radius: 8px;
    width: 110px;
    line-height: 38px;
}
.volver:hover{
    transition: background-color 400ms linear;
    background-color: #dcdcdc;
}
.volver .triangulo{
   /* background: #000000;
    clip-path: polygon(50% 0%,50% 100%,0% 50%);
    width: 30px;
    height:30px;
    display: none;*/
    padding-top: 10px;
    padding-right: 10px;
}
.volver .texto{
    margin-left: -5px;
}

.resumen{
    background: #fdfdfd ;
    border:1px #dcdcdc solid;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    padding: 15px;
}
.resumen .tit{
    font-size: 20px;
    font-family:MontserratBold;
    margin-bottom: 15px;
}
.resumen .fila{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 7px;
}

.condiciones{
    width: calc(100% - 42px);
    border:1px solid #DCDCDC;
    border-radius:10px;
    background:#FDFDFD;
    font-size: 14px;
    padding: 20px;
    line-height: 20px;
}
.condiciones .descriptivo{
    padding-bottom: 20px;
}
.condiciones .titulo1{
    font-family: MontserratBold;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px;
}
.condiciones .titulo2{
    font-family: MontserratBold;
    font-size: 14px;
    line-height: 20px;
}