/*
    Created on : 08-oct-2018, 11:06:17
    Author     : David
*/

@font-face{
    font-family:"Netto";
    font-display:swap;
    src:url("/bundles/app/fonts/NettoPro-Bold.otf") format("opentype");
}

@font-face{
    font-family:"Century Gothic Normal";
    font-display: swap;
    src:url("/bundles/app/fonts/07558_CENTURYGOTHIC_0.ttf") format("truetype");
}

@font-face {
    font-family: Abel;
    src: url('/bundles/app/fonts/abel-regular.ttf');
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Abel, Arial, sans-serif;
}

.cursor-pointer,
a {
    cursor: pointer;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary {
    border-color: #fded08;
    background: #fded08 !important;
    color: #333;
}

/* Menú superior */

.menu-principal {
    position: sticky;
    top: 0;
    z-index: 100;
}

.navbar-brand>img {
    max-width: 120px;
}

.navbar-brand {
    padding: 5px 15px;
}

.navbar-default {
    background-color: #fff;
    border-bottom: 3px solid #fded08;
    min-height: 90px;
    margin-bottom: 0;
}

.nav.navbar-nav {
    margin-top: 16px !important;
    font-weight: bold;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #333;
    text-decoration: underline;
    background: none;
}

.nav a.btn {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}

.nav li:not(:last-child) a.btn {
    margin-right: 10px;
}

@media (max-width: 768px) {
    div.navbar-header {
        float: left !important;
    }
    ul.nav.navbar-nav.navbar-right {
        float: right !important;
    }
    .nav a.btn {
        margin-top: 10px;
        margin-right: 10px;
    }
    .nav li:not(:last-child) a.btn {
        margin-top: 0;
    }
}

/* Menú para móviles */

.menu-principal-movil {
    min-height: 40px;
    border-right: 0;
}

.menu-principal-movil .navbar-header {
    display: block !important;
    width: 100% !important;
    margin: 0 auto;
}

.menu-principal-movil .navbar-brand img {
    max-height: 40px;
}

.menu-principal-movil .navbar-header a {
    padding-left: 8px;
}

.menu-principal-movil .navbar-header button:focus,
.menu-principal-movil .navbar-header button:hover {
    background-color: transparent;
}

.menu-principal-movil .navbar-header button {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border: 0;
}

.menu-principal-movil .navbar-header button .icon-bar {
    min-height: 5px;
    min-width: 30px;
}

/* Medio miga de pan */

.submenu-volver {
    background: white;
    margin-bottom: 30px;
    min-height: 40px;
    line-height: 40px;
    text-align: center;
}

.submenu-volver a {
    position: absolute;
    left: 15px;
}

.submenu-volver a:focus,
.submenu-volver a:active,
.submenu-volver a:hover {
    text-decoration: none;
}

/* Página de inicio */

#myCarousel {
    max-height: 350px;
}

.container a {
    color: #333333 !important;
}

.fondo-gris {
    background: #f8f8f8;
}

.fondo-gris-oscuro {
    background: #3b3b3b;
}

.fondo-gris-oscuro p {
    color: #ffffff;
}

.fondo-gris-oscuro h4 {
    color: #ffffff;
    font-weight: bold;
}

.panel {
    border-radius: 0 !important;
    min-height: 85px;
    padding: 15px;
}

.panel-border {
    border-left: 7px solid;
}

.panel-border-bottom {
    border-bottom: 7px solid;
}

.panel-border-bottom.amarillo {
    border-bottom-color: #fded08;
}

.panel-border.amarillo {
    border-left-color: #fded08;
}

.m-top {
    margin-top: 20px;
}

.p-top {
    padding: 25px 0;
}

h1>span:last-child,
h2>span:last-child,
h3>span:last-child,
h4>span:last-child,
h5>span:last-child {
    width: 120px;
    background: #fded08;
    height: 4px;
    display: block;
    margin: 5px auto 30px auto;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.margin-top {
    margin-top: 20px;
}

.margin-bottom {
    margin-bottom: 20px;
}

/* Contenedor Login */

.texto-subtitulo {
    padding: 10px 0 10px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    border-left: 3px solid #fded08;
}

#contenedor-login {
    margin-top: 50px;
    margin-bottom: 50px;
}

.form-control,
.btn,
div.modal-dialog,
div.modal-document,
div.modal-content,
div.modal-header,
div.modal-footer {
    border-radius: 0 !important;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    line-height: inherit;
}

.aplicando-codigo {
    text-align: center;
    font-weight: bold;
}

.aplicando-codigo .fa {
    font-size: 40px;
    margin-bottom: 15px;
}

.not-bold {
    font-weight: initial;
}

.caja-idioma-movil {
    margin: 11.2px 40px;
}

.bandera-idioma {
    height: 15px;
}

/*****************************************************/
/*********** Seleccionar Taquilla **************/
/*****************************************************/

.imagen-cabecera {
    width: 100%;
    height: 478px;
    background-color: darkgray;
    object-fit:cover;
}

.fila-selec-fechas {
    background-color: #3b3b3b;
    color: white;
}

.fila-selec-fechas input {
    color: #2e2e2e;
}

.tarjeta-locker {
    margin: 8px;
}

.pie-tarjeta-locker {
    background-color: #545454;
    color: white;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 12px;
}

.pie-tarjeta-locker label{
    margin-bottom: 6px;
}

.pie-tarjeta-locker input{
    width: 50%;
    min-height: 36px;
    color: #292929;
    text-align: center;
}

.pie-tarjeta-locker .btn-plus-minus{
    width: 22%;
    min-height: 36px;
    border: 1px solid #545454;
    /*color: #292929;*/
    text-align: center;
}

.pie-tarjeta-locker .quantity-row{
    display: flex;
    justify-content: center;
}

.fondo-blanco {
    background-color: white;
}

.principal-sel-locker {
    position: relative;
    top: -48px;
    z-index: 2;
    border-top-left-radius: 52px;
    border-top-right-radius: 10px;

    font-family: 'Century Gothic Normal';
    font-size: 14px;
}

.img-tarjeta-locker {
    width: 100%;
    height: 204px;
    background-color: darkgray;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.cuerpo-tarjeta-locker {
    padding: 18px;
    background-color: white;
}

.icono-maleta-titulo {
    width: 175px;
    height: 175px;
    border-radius: 200px;
    background-color: white;
    display: inline-block;
    position: absolute;
    top: -48px;
    left: 0px;
}
.icono-maleta-titulo img {
    position: relative;
    top: 43px;
    left: 53px;
}

.hueco-icono-maleta-titulo {
    width: 175px;
    height: 175px;
    display: inline-block;
}

h2.titulo-reservar {
    display: inline-block;
    margin-left: 160px;
    font-family: 'Netto';
    font-size: 55px;
    font-weight: normal;
    color: #545454;
}

h2.titulo-reservar strong{
    font-family: 'Netto';
    font-size: 55px;
    font-weight: normal;
    text-decoration: underline;
    color: #343434;
}

p#aviso-automatizado {
    margin-left: 160px;
    font-family: 'Netto';
    font-size: 18px;
    font-weight: normal;
    color: #545454;
}

.principal-sel-locker h3 {
    font-family: 'Netto';
    font-size: 42px;
    font-weight: normal;
    color: #0c0c0c;
}

.principal-sel-locker h4 {
    font-family: 'Netto';
    font-size: 32px;
    font-weight: normal;
    color: #2c2c2c;
}

.principal-sel-locker .sidebar h4 {
    font-family: 'Netto';
    font-size: 32px;
    font-weight: normal;
    color: #545454;
}

.descripcion-tipo-reserva {
    font-family: 'Century Gothic Normal';
    font-size: 14px;
    font-weight: normal;
}

.precio-ud {
    margin-top: 16px;
    min-height: 40px;
    font-family: 'Century Gothic Normal';
    font-size: 15px;
    font-weight: bold;
    color: #545454;
    display: flex;
    flex-direction: column-reverse;
    padding-left: 5px;
    padding-right: 10px;
}

.col-precio-tarjeta-locker{
    margin-top: 16px;
    padding-left: 5px;
    padding-right: 10px;
}

.precio-tarjeta-locker {
    min-height: 40px;
    font-family: 'Century Gothic Normal';
    font-size: 28px;
    /*font-style: italic;*/
    font-weight: bold;
    color: #0d0d0d;
}

.precio-total {
    font-family: 'Century Gothic Normal';
    font-size: 25px;
    font-weight: bold;
    color: #545454;
}

.precio-total strong{
    font-family: 'Century Gothic Normal';
    font-size: 31px;
    font-weight: bold;
    color: #0d0d0d;
}

.sel-cantidad {
    font-family: 'Century Gothic Normal';
    font-size: 31px;
    font-weight: bold;
}

.sidebar {
    padding-top: 50px;
    font-family: 'Century Gothic Normal';
    font-size: 15px;
    font-weight: bold;
}

.fila-selec-fechas {
    padding: 8px 8px;
    background: url("../img/fondo-contacto.png") no-repeat;
    background-size: cover;
    /*background-position: 50% 0%;*/
    background-position: center;

    font-family: 'Century Gothic Normal';
    font-size: 22px;
    font-weight: normal;
}

.sel-fecha-reserva {
    max-width: 188px;
    height: 30px;
    border-radius: 5px;
    border-style: hidden;
    border-width: 1px;

    font-family: 'Century Gothic Normal';
    font-size: 25px;
    font-weight: bold;
}

.fila-tarjetas-locker {
    padding: 10px;
    background-color: #fbfbfb;
    margin-bottom: 16px;
}

.icono-tarjeta-locker {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 191px;
    left: 20px;
    background-color: white;
    border-radius: 38px;
}
.icono-tarjeta-locker img {
    width: 20px;
    height: 20px;
    position: relative;
    top: 9px;
    left: 9px;
}

.boton-reservar-ahora {
    background-color: #eae218;
    border-radius: 10px !important;
    margin: 16px 16px 48px 16px;
    padding: 8px 48px 0px 48px;

    font-family: 'Netto';
    font-size: 49px;
    font-weight: normal;
    color: #545454;
}

.boton-reservar-ahora:hover {
    background-color: #fbf100;
    border-radius: 10px !important;
}

.icono-encuentranos {
    padding-bottom: 6px;
    font-size: 15px;
}

@media (max-width: 576px) {
    .icono-maleta-titulo {
        display: none;
    }

    h2.titulo-reservar {
        margin-left: 0px;
        font-size: 42px;

    }

    h2.titulo-reservar strong {
        font-size: 42px;
    }

    .principal-sel-locker {
        border-top-left-radius: 10px;
    }

    .imagen-cabecera {
        max-height: 260px;
    }

    .boton-reservar-ahora {
        font-size: 27px;
    }

    .sidebar {
        padding-top: 24px;
    }
}

/*****************************************************/
/******************* Reservar *********************/
/*****************************************************/

.div-metodos-pago {
    margin-left: 16px;
    margin-bottom: 24px;
}

.div-metodos-pago img {
    max-height: 14px;
}

.div-codigo-descuento {
    margin-bottom: 16px;
    /*color: #343434;*/
}

.sidebar-reservar {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'Century Gothic Normal';
    font-size: 14px;
    font-weight: bold;
    background-color: #e7e7e7;
}

.info-reserva {
    background-color: white;
    margin-bottom: 28px;
    padding: 12px;
}

.info-lockers-precio {
    background-color: white;
    padding: 12px;
    margin-bottom: 15px;
}

.precio-total-reserva {
    padding-top: 16px;
    padding-bottom: 24px;
    font-family: 'Century Gothic Normal';
    font-size: 16px;
    font-weight: bold;
    color: #343434;
}

.reservar-principal {
    padding-left: 42px;
    padding-right: 26px;
}

#nombre, #apellidos, #telefono, #email, #emailRepeat, #codigo-descuento {
    border-radius: 5px !important;
}

.boton-cupon {
    padding: 4px 8px 0px 8px;
    background-color: #eae218;
    border-radius: 6px !important;
    color: #545454;

    font-family: 'Netto';
    font-size: 14px;
    font-weight: normal;
}

.boton-cupon:hover {
    background-color: #fbf100;
}

.principal-reservar {
    position: relative;
    top: -48px;
    z-index: 2;
    border-top-left-radius: 52px;
    border-top-right-radius: 10px;

    font-family: 'Century Gothic Normal';
    font-size: 14px;
}

.principal-reservar h3 {
    font-family: 'Netto';
    font-size: 36px;
    font-weight: normal;
    color: #343434;
}

.principal-reservar .cuadro-resumen h4 {
    font-family: 'Netto';
    font-size: 32px;
    font-weight: normal;
    color: #545454;
}

.principal-reservar h5 {
    font-family: 'Century Gothic Normal';
    font-size: 17px;
    font-weight: bold;
}

.principal-reservar label span {
    font-family: 'Century Gothic Normal';
    font-size: 14px;
    font-weight: bold;
    color: #343434;
}

.boton-cupon span {
    padding: 4px 8px 4px 8px;
    font-family: 'Century Gothic Normal';
    font-size: 18px;
    font-weight: bold;
    color: #343434;
}

.principal-reservar label span.realizar-pago-texto {
    font-family: 'Century Gothic Normal';
    font-size: 18px;
    font-weight: bold;
    color: #343434;
}

.principal-reservar label {
    color: #343434;
}

.principal-reservar label.etiqueta-tarjeta {
    color: #ff1800;
}

.principal-reservar label.etiqueta-paypal {
    color: #003087;
}

.etiqueta-tarjeta, .etiqueta-paypal {
    font-family: 'Netto';
    font-size: 18px;
    font-weight: bold;
}

.cuadro-resumen {
    font-family: 'Century Gothic Normal';
    font-size: 14px;
    font-weight: normal;
    color: #545454;
    margin-bottom: 15px;
}

.principal-reservar hr {
    border-top: 1px solid #343434;
}

.precio-final-reserva {
    color: #343434;
}

.text-danger {
    color: #a94442 !important;
}

@media (max-width: 576px) {
    .principal-reservar {
        border-top-left-radius: 10px;
    }

    .cuadro-resumen {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0px;
    }

    .sidebar-reservar {
        padding-bottom: 0px;
    }

    .info-lockers-precio {
        margin-bottom: 0px;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .cuadro-resumen {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0px;
    }

    .sidebar-reservar {
        padding-bottom: 0px;
    }

    .info-lockers-precio {
        margin-bottom: 0px;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .cuadro-resumen {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0px;
    }

    .sidebar-reservar {
        padding-bottom: 0px;
    }

    .info-lockers-precio {
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cuadro-resumen {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0px;
    }

    .sidebar-reservar {
        padding-bottom: 0px;
    }

    .info-lockers-precio {
        margin-bottom: 0px;
    }
}