/**************************/
/*** TEMPLATE PRINCIPAL ***/
/**************************/

/******************** HEADER***************/
/*Color de fondo de la barra*/
.color-header{
    background: #FFFFFF !important; 
} 
    
   header .navbar .navbar-toggler i{
    color: #000000;
}
		
/***FOOTER***/
/*Color de fondo de la barra*/
.color-footer{
    background: #005031 !important;
}
/*Color de texto*/
.footer .wrapper-inner .row-info .copyright-info{
    color: #fff !important;
}

/***MENU***/
/*Color de Fondo*/
.navbar .navbar-collapse{
    background: #005031 !important;
}
/*Links - Hover*/
header .navbar .navbar-collapse-wrapper .navbar-collapse ul.navbar-nav li.nav-item a.nav-link:hover{
    background: #005031;
}
/*Links - Activo*/
header .navbar .navbar-collapse-wrapper .navbar-collapse ul.navbar-nav li.nav-item.active a.nav-link{
    background: #005031;
}
/*Link - 'Complejos'*/
.navbar .navbar-collapse ul.navbar-nav .complejos{
    display: block; /*none -> Para ocultarlo*/
}

/********* CUADROS POPUP **********/

/*Fondo*/
.modal.modalbox-default .modal-dialog .modal-content,
.swal-overlay--show-modal .swal-modal{
    background: -webkit-linear-gradient(123deg, #005031, #005031 54%, #161615 100%);
    background: -o-linear-gradient(123deg, #005031, #005031 54%, #161615 100%);
    background: linear-gradient(-33deg, #005031, #005031 54%, #161615 100%);
}
.modalbox-default-cart-summary .modal-dialog .modal-content .modal-header button .fa{
    color: #005031 !important;
}


/************ FORMULARIOS **************/
/*Color principal*/
body.login main .main-content.login .form-wrapper form .form-remember-section .custom-switch .custom-control-input:checked~.custom-control-label:before,
body.perfil.registro main .main-content form .condiciones .custom-control-input:checked~.custom-control-label:before{
    background-color: #005031;
    border-color: #005031;
}

/*Borde luminoso al activarse*/
.form-control:focus,
.custom-select:focus{
    border-color: #005031;
    box-shadow: 0 0 0 0.2rem rgba(245, 166, 63, 0.25);
}

/* Etiquetas y color de 'Usuario' y 'Contraseña' en el Login */
	body.login main .main-content.login .form-wrapper form .form-group label:after{
	    color: #005031;
	}
	body.login main .main-content.login .form-wrapper form .form-group label.user:after{
	    content: "example@mail.com";
	}
	body.login main .main-content.login .form-wrapper form .form-group label.password:after{
	    content: "Contraseña";
	}

/*************** GENERAL ***************/

/*Links*/
p a{
    color: #161615 !important;
    text-decoration: underline;
    font-weight: 500;
}

/***Botón Principal***/
.btn-primary, .btn-primary-premium{
    background-color: #005031 !important;
}

/*Botón de Acción*/
.btn-operation, 
.body.proceso-compra main .carousel-proceso-compra .carousel-indicators li.active{
    background-color: #002D74 !important;
}
.btn-operation.inactive{
    background-color: #002D74 !important;
} 

/*Color de Titilos de contenido en paginas*/
body .main-content h3.page-title{
    color: #161615 !important;
}


/*=== Productos ===*/
/*Opciones de productos*/
body.proceso-compra main .carousel-proceso-compra .carousel-indicators-wrapper .carousel-indicators li.active{
    background-color: #002D74;
}
@media(min-width: 992px){
    body.proceso-compra main .carousel-proceso-compra .carousel-indicators-wrapper .carousel-indicators li.active{
        background: transparent;
        color: #002D74;
    } 
}

/*=== Carrito ===*/
/*Cantidad*/
.proceso-compra-cart .cart-list .column-prod-quantity{
    color: #002D74 !important;
}
/*Corazon*/
body.proceso-compra-cart .cart-list li .item .favorite{
    color:#161615 !important;
}
/*Boton eliminar*/
.proceso-compra-cart .cart-list .btn-operation{
    background-color: #5786B7 !important;
}
/* Mensaje: "¿DESEA AGREGAR MÁS ARTICULOS?" */
.proceso-compra-cart .cart-back h4 a{
    color: #161615 !important;
}
.proceso-compra-cart .cart-back h4 a::after{
    background-color: #161615 !important;
}

/*=== Pago y Mis Tarjetas===*/
/*Titulo del Carrito*/
body.proceso-compra-pago main .payment-content .cart-area h3{
    color: #161615;
}
body.proceso-compra-pago main .payment-content .cards-area .card-list .card-item .col-delete a{
    color: #005031;
}
@media(min-width: 992px){
    body.proceso-compra-pago main .payment-content .cards-area .card-list .card-item .col-btn-agregar a,
    body.proceso-compra-pago main .payment-content .cards-area .card-list .card-item .col-delete a{
        background-color: #5786B7;
    }
}

/***Resumen de Compra***/
/*titulo*/
body.proceso-compra-resumen main .main-content .summary-content h3,
.summary-content h3.summary-title{
    color: #161615 !important;
}
/*Contenido del Carrito*/
.cart-list-summary .row-header .description, 
.cart-list-summary .row-header .amount, 
.cart-list-summary .row-header .folio,
.cart-list-summary .row-header .folio i, 
.cart-list-summary .row-total .description,
.cart-list-summary .row-header .amount,
.cart-list-summary .row-item .folio a,
body.proceso-compra-resumen main .main-content .summary-content .cart-list-summary-wrapper .cart-list-summary>div.row-total .amount,
.cart-list-summary-wrapper .cart-list-summary>div.row-total .amount,
.payment-content .row-header{
    color: #005031 !important;
}
.modalbox-default-cart-summary .modal-dialog .modal-content .modal-body .cart-list-summary .row-item a .amount-text.old{
    color: #666 !important;
    
}

/*Icono del copiado*/
.cart-list-summary-wrapper .cart-list-summary>div>div.folio i{
    color: #161615 !important;
}

body.proceso-compra-resumen main .main-content .text-highligh-1 h4 .text-primary-highlight, 
body.proceso-compra-resumen main .main-content .text-highligh-3 h4 .text-primary-highligh{
    color: #161615 !important;
}

/* "Canjea tus boletos en taquilla" */
body.proceso-compra-resumen main .main-content .text-highligh-1 h4,
.proceso-compra-resumen .text-highligh-2 h4{
    color: #161615 !important;
}

/* "Recuerda que tus folios son válidos hasta" 2 */
body.proceso-compra-resumen.folio main .main-content .text-highligh-2 h4{
    color: #161615 !important;
}

/* "Disfruta tu función" */
.text-highligh-disfruta h3{
    color: #161615 !important;
}

/*** Ayuda ***/
/*Preguntas*/
body.ayuda .main-content .point{
    color: #666 !important;
}

/*** Perfil ***/
/*Boton cambiar contraseña*/
.perfil .btn-operation{
    background-color: #818181 !important;
}

/*************************** Imagenes ****************************/

/***login (logo Cinépolis)***/
/*Background*/
body.login main .main-content.login{
    background-image: url("../images/login-background_dnu.jpg");
}
/*Logo Cinépolis*/
body.login main .main-content.login .cinepolis-logo img{
    content: url("../images/logo_cinepolis_login.png");
}

/*************************** BANNERS HEADERS ****************************/


/* PRODUCTOS*/ 
/** ==> Favoritos */
body.proceso-compra .hero.jumbotron .jumbotron-carousel .carousel .carousel-inner .jumbo-favoritos{ 
    background-image: url("../images/jumpo-proceso-compra-favoritos.jpg");
}


/*Carrito*/
body.proceso-compra-cart main .jumbotron{
    background-image: url("../images/desktop-carrito-de-compras.jpg") !important;
}

/*Pago*/
body.proceso-compra-pago main .jumbotron, 
body.proceso-compra-pago-agregar-tarjeta main .jumbotron{
    background-image: url("../images/desktop-pago.jpg") !important;
}

/*Historial de Compras*/
body.administracion-compras-historial main .jumbotron{
    background-image: url("../images/desktop-mis-compras.jpg") !important;
}

/*Resumen de Compra*/
body.proceso-compra-resumen main .jumbotron{
    background-image: url("../images/desktop-confirmacion-de-compra.jpg") !important;
}

/*Contacto*/
body.info  main .jumbotron{
    background-image: url("../images/desktop-contacto.jpg") !important;
}

/*Mis Tarjetas*/
body.proceso-compra-pago.mis-tarjetas main .jumbotron, 
body.proceso-compra-pago-agregar-tarjeta.proceso-compra-pago-agregar-tarjeta.mis-tarjetas-agregar-tarjeta main .jumbotron{
    background-image: url("../images/desktop-mis-tarjetas.jpg") !important;
}

/*Historial de Compras*/
body.administracion-compras-historial main .jumbotron{
    background-image: url("../images/desktop-mis-compras.jpg") !important;
}

/*Contacto*/
body.info  main .jumbotron{
    background-image: url("../images/desktop-contacto.jpg") !important;
}

/*Resumen de Compra*/
body.proceso-compra-resumen.folio main .jumbotron{
    background-image: url("../images/desktop-confirmacion-de-compra.jpg") !important;
}

/*Complejos*/
body.perfil.complejos main .jumbotron .hero-body{
    background-image: url("../images/Complejo.jpg") !important;
}

/*Confirmacion*/
body.perfil.confirmacion main .jumbotron .hero-body{
    background-image: url("../images/desktop-general.jpg") !important;
}

/*Perfil*/
body.perfil.confirmacion main .jumbotron .hero-body{
    background-image: url('../images/Mi-perfil.jpg') !important;
}

/*Registro*/
body.perfil.registro main .jumbotron .hero-body{
    background-image: url('../images/Mi-perfil.jpg') !important;
}

/*Reestablecer*/
body.perfil.reestablecer main .jumbotron .hero-body{
    background-image: url("../images/Mi-perfil.jpg") !important;
}

/*-------- "Imagen general en vistas de escritorio "----------- */
main .jumbotron{ 
    background-image: url("../images/desktop-general.jpg");
}

/* Color de Fondo (Importante para rellenar en vistas grandes con imagenes con color de fondo)*/
.hero.jumbotron{
    background-color: #ccc;
}



/* ================= CUPON LOGIN ===================== */

/*Background color*/
body.login.login-cupon main .main-content.login .form-wrapper form{
    background-color: rgba(109, 228, 242, 0.7);
}

/*Background image*/
body.login.login-cupon main .main-content.login .form-wrapper .form-wrapper-background{
    background-image: url('../images/background-enjoy-min.png');
}

/*Titulo*/
body.login.login-cupon main .main-content.login .form-wrapper form h1{
    color: #fff;
}

/*Entrada de Cupon - Color texto (placeholder)*/
body.login.login-cupon main .main-content.login .form-wrapper form .form-group label.cupon:after{
    color: #005031;
}
/*Entrada de Cupon - Color texto*/
body.login.login-cupon main .main-content.login .form-wrapper form .form-group .form-control{
    color: #727272 !important;
}
/*Entrada de Cupon - Sombra al activarse*/
body.login.login-cupon main .main-content.login .form-wrapper form .form-group .form-control:focus{
    box-shadow: 0 0 1px 4px rgba(27, 32, 50, 0.3);
}
/*Boton de Aceptar*/
body.login.login-cupon main .main-content.login .form-wrapper form .form-submit .btn-primary-premium{
    background-color: #005031!important;
}