input:focus, input.form-control:focus {

    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

*{
    font-family:  sans-serif;
}

body{
    background-color: var(--fondo) !important;
    font-weight: normal;
}





:root{
    --red:#EC111A;
    --red-light:#ff969c;
    --orange:#FB6330;
    --orange-light:#ffba8e;
    --green: #003ca6;
    --green-light: #84d9c6;
    --blue:#009DD6;
    --blue-light:#91ddf8;
    --purple:#7849B8;
    --purple-light:#aea9f4;
    --pink:#F2609E;
    --pink-light:#fda8de;
    --black: #222;
    /* --fondo:#fafaf8; */
    --fondo:#ebebeb;
    --lightgrey:#e6e6e6;
    --yellow:#E9B820;

    --encuesta1: #84d9c6;
    --encuesta2: #138468;
}

.border-purple{
    border: 1px solid var(--purple) !important;
}

.border-blue{
    border: 1px solid var(--blue) !important;
}

.border-red{
    border: 1px solid var(--red) !important;
}

.color-red{
    color: var(--red);
}

.color-blue{
    color:var(--blue);
}

.color-green{
    color:var(--green);
}

.bg-yellow{
 background-color: var(--yellow);
}

.collapse-content a.collapsed:after {
    content: 'Ver más';
}

.collapse-content a:not(.collapsed):after {
    content: 'Ver menos';
}

.color-purple{
    color: var(--purple);
}

.bg-red{
    background-color: var(--red);
}

.bg-red-light{
    background-color: var(--red-light);
}

.bg-purple-light{
    background-color: var(--purple-light);
}

.bg-pink-light{
    background-color: var(--pink-light);
}
.bg-blue-light{
    background-color: var(--blue-light);
}
.bg-green-light{
    background-color: var(--green-light);
}
.bg-orange-light{
    background-color: var(--orange-light);
}
.bg-green{
    background-color: var(--green);
}

.bg-orange{
    background-color: var(--orange);
}

.bg-beneficio{
    background-color: #fff;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 12px;
    /* height: 60px; */
    margin-bottom: 10px;
    /* color: #222; */
}

.color-pink{
    color: var(--pink);
}

.bg-purple{
    background-color: var(--purple) !important;
}
.bg-pink{
    background-color: var(--pink) !important;
}

.bg-blue{
    background-color: var(--blue) !important;
}

.bg-black{
    background-color: var(--black) !important;
}

.color-black{
    color: var(--black) !important;
}

.rouded-card{
    border-radius: .50rem !important;
}

.border {
    border: 1px solid #ebeff3!important;
}

.f-9{
    font-size: .9rem;
}
.f-8{
    font-size: .8rem;
}
.f-7{
    font-size: .7rem;
}

.btn-light-purple {
    background-color: #a382ff!important;
    color: #fff;
}

.btn-light-purple:not([disabled]):not(.disabled).active, .btn-light-purple:not([disabled]):not(.disabled):active, .show>.btn-light-purple.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    background-color: #a41cff!important;
}

.btn-outline-green{
    border: 2px solid var(--green) !important;
    color: var(--green) !important;
}

.btn-light-blue {
    background-color: #fff !important;
    color: #f50000 !important;
    border: 1px solid #f50000;
    color: #fff;
  }
  
  .btn-light-blue:not([disabled]):not(.disabled).active, .btn-light-blue:not([disabled]):not(.disabled):active, .show>.btn-light-blue.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    background-color: #f50000!important;
    color: #fff !important;
    border: 1px solid #f50000;
  }



  .btn-formula{
    background-color: #fff;
    border-radius: 25px;
    color: #022960;
    font-weight: bold;
    font-size: 12px;
}

.btn-formula:hover{
    background-color: #e30606;
    border-radius: 25px;
    color: #fff !important;
}

.btn-formula-w{
    background-color: #e30606;
    border-radius: 25px;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}

.btn-formula-w:hover{
    background-color: #ffffff;
    border-radius: 25px;
    color: #022960 !important;
}


.card-banco {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.048);
    border-radius: .50rem;

    -webkit-box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.3);
}

.card-img-banco-total{
    border-radius: .50rem;
    -webkit-box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.3);
}

.rounded{
    border-radius: 8px !important;
}

/* nav */
/* Icon 1 */



  
  /* /tecno */

.animated-icon1, .animated-icon2, .animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    }
    
    .animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    }
    
    .animated-icon1 span {
    background: var(--black);
    }
    
    .animated-icon2 span {
    background: #e3f2fd;
    }
    
    .animated-icon3 span {
    background: #f3e5f5;
    }
    
    .animated-icon1 span:nth-child(1) {
    top: 0px;
    }
    
    .animated-icon1 span:nth-child(2) {
    top: 10px;
    }
    
    .animated-icon1 span:nth-child(3) {
    top: 20px;
    }
    
    .animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    }
    
    .animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
    }
    
    .animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    }
    
    /* Icon 3*/
    
    .animated-icon2 span:nth-child(1) {
    top: 0px;
    }
    
    .animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
    top: 10px;
    }
    
    .animated-icon2 span:nth-child(4) {
    top: 20px;
    }
    
    .animated-icon2.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
    }
    
    .animated-icon2.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    }
    
    .animated-icon2.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    }
    
    .animated-icon2.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
    }
    
    /* Icon 4 */
    
    .animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    }
    
    .animated-icon3 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    }
    
    .animated-icon3 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    }
    
    .animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 8px;
    }
    
    .animated-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
    }
    
    .animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 8px;
    }
    
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    overflow: inherit !important;
}

.hvr-underline-from-left:before {
    background: var(--purple) !important;
    height: 1px;
  }
  .dropdown:hover .dropdown-menu {display: block;}

  .navbar .mega-dropdown .dropdown-menu.mega-menu {
    margin-top: -8px;
}

.dropdown-toggle::after {
    display: none !important;
}
/* .fa {
    margin:2px;
    color:var(--purple) !important;
} */

.dropdown .dropdown-menu .dropdown-item:hover{
    color: #000 !important;
}



#btn-referidos a.waves-effect, #btn-referidos a.waves-light {
    display: initial;
    padding: 0 ;
}


.texto-referidos{
    position: absolute;
    top: -25px;
    left: -318px;
    color: #000;
    background-color: #fff;
    padding: 10px;
    width: 310px;
    border-radius: 4px;
    display:none;
    transition: .3s;
}

#btn-referidos a:hover .texto-referidos{
    display:block;
    transition: .3s;
    z-index: 2;
}
.sombra a{
    color: #666 !important;
    text-decoration: none !important;
}

.sombra:hover a{
    color: var(--purple) !important;
    transition:.3s;
}

.sombra:hover img{
    filter: invert(35%) sepia(25%) saturate(2849%) hue-rotate(236deg) brightness(87%) contrast(87%);
    transition:.3s;
}

.texto-referidos p{
    font-size: .8rem;
}

#submenu .dropdown-menu{
    margin-top: -1px;
}
/* /nav */


/* carousel home */
#home-carousel .owl-nav button {
    position: absolute;
    top: 40%;
    background-color: transparent !important;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
    font-size: 2rem !important;
  }
  #home-carousel .owl-nav button.owl-prev {
    left: 10px;
    color:#fff !important;
  }
  #home-carousel .owl-nav button.owl-next {
    right: 10px;
    color:#fff !important;
  }

  #home-carousel .owl-theme, #home-carousel .owl-dots {
    position: relative !important;
    margin-top: -50px !important;
}

#home-carousel .owl-theme, #home-carousel .owl-dots .owl-dot.active span, #home-carousel .owl-theme #home-carousel .owl-dots #home-carousel .owl-dot:hover span {
    background: var(--purple) !important;
    /* border: 1px solid #fff; */
    width: 1rem !important;
    height: 1rem !important;
}

#home-carousel .owl-theme, #home-carousel .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.486) !important;
    /* border: 1px solid rgba(255, 255, 255, 0.486); */
    width: 1rem !important;
    height: 1rem !important;
}

/* carousel home */

/* beneficios */
.fondopattern1 {
    background-image: url('../img/pattern1.png');
}
/* beneficios */

/* conoce tu beneficio */
.conocetubeneficio{
    background-color: var(--purple);
    position: fixed;
    right: -140px;
    bottom: 20%;
    z-index: 1;
    transition: 0.3s;
    border-radius: .50rem 0 0 .50rem;
}

.conocetubeneficio:hover{
    right: 0;
    transition: 0.3s;
}

.conocetubeneficio2{
    background-color: var(--pink);
    position: fixed;
    right: -140px;
    bottom: 10%;
    z-index: 1;
    transition: 0.3s;
    border-radius: .50rem 0 0 .50rem;
}

.conocetubeneficio2:hover{
    right: 0;
    transition: 0.3s;
}

.boton-calculadora{
    background-color: #FF32A8;
    position: fixed;
    right: -270px;
    bottom: 30%;
    z-index: 1;
    transition: 0.6s;
    border-radius: .50rem 0 0 .50rem;
}

.boton-calculadora:hover{
    background-color: #A1216B;
    right: 0;
    transition: 0.6s;
}

.boton-calculadora img{
    max-width: 40px;
    padding: 6px;
}



.conocetubeneficio img{
    max-width: 40px;
    padding: 6px;
}

.conocetubeneficio2 img{
    max-width: 40px;
    padding: 6px;
}

#conocebeneficio .modal-body{
    background-color: var(--fondo) !important;
    /* background-image: url('../img/pattern1.png'); */

}

#conocebeneficio .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

#conocebeneficio2 .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

#conocebeneficio2 ul.stepper .step.active:before {
    display: none;
}

#conocebeneficio2 ul.stepper>.step.active:not(:last-child):after {
    display: none;
}

#conocebeneficio2 ul.stepper .step.done:before {
    display: none;
}

#conocebeneficio2 ul.stepper .step:before {
    display: none;
}



@media (min-width: 576px){
    #conocebeneficio
    .modal-dialog-scrollable {
        min-height: 100% !important;
    }
    }

#descuentobeneficiocard p{
    font-size: .7rem;
}

#descuentobeneficiocard h5{
    font-size: .8rem;
}

#conocebeneficio1 .modal-content{
 background-color: var(--fondo);
}

#conocebeneficio1 .collapse-content a.collapsed:after {
    content: 'OBTENER CODIGO';
}

#conocebeneficio1 .collapse-content a:not(.collapsed):after {
    content: 'Ocultar';
}

#conocebeneficio1 .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

.textlight-descuento{
    font-size: .7rem;
}
/* conoce tu beneficio */

/* galeria */

.darken {
    filter: brightness(.5);
	-webkit-filter: brightness(.5);
	transition: .3s;
}

.darken:hover {
    filter: inherit;
	-webkit-filter: inherit;
	transition: .3s;
	
}

#galeria .hvr-glow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
  }
#galeria  .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	
  }





/***********FOOTER***********/

/*prefooter*/
.fondopattern2 {
    background-image: url(../img/footer/pattern-smoke.png);
}


.footer-nav {
	margin-top: 20px;
}
.footer-nav li {
	margin: 10px 0;
	font-size: 14px;
	font-weight: 600;
}
.footer-nav a {
	color: var(--purple);
}
.tx-chico {
	font-size: 11px;
	margin-bottom: 0;
}
.social-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
    padding-left: 40px;
}
.social-box a {
	border-radius: 50%;
}
.red-line {
	color: var(--red);
	font-weight: 700;
}
.red-line span {
	font-size: 12px;
}
#prefooter {
	padding: 40px 0 20px 0;
	-webkit-box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.1);
}
#footer {
	padding: 20px 0;
	-webkit-box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.1);
}
/***********FOOTER***********/


/* calculadora */
.gray-calculadora{
	color: #717273 !important;
}

.pt-3-half {
	padding-top: 1.4rem;
}

.btn-calculadora-more {
	background-color: var(--purple) !important;
	color: #fff;
	border-radius: 6px;
}

.btn-calculadora-more:hover {
	background-color: var(--purple) !important;
	color: #fff;
	border-radius: 6px;
}

#calculadora .card{ 
	border-radius: 6px;
	/* background-color: #e4e2ff; */
}


#calculadora{ 
	/* background-image: url('../img/calculadora/fondo.jpg'); */
	background-size: 90%;
}



  #slides-monto span{
	font-size: .8rem;
	color: #717273;
	font-weight: 600;
  }

  #calculadora h6{ 
	font-size: 1.2rem;
}

#calculadora h1{ 
	font-size: 1.4rem !important;
}
#calculadora p{ 
	font-size: .8rem !important;
	line-height: 20px;
}

#calculadora .custom-range::-webkit-slider-thumb {
	background: #E43046;
  }
  
#calculadora  .custom-range::-moz-range-thumb {
	background: #E43046;
  }
  
#calculadora .custom-range::-ms-thumb {
	background: #E43046;
  }

  #totales .card1 {
	background-color: #F1F5F8;
    color: #717273;
    min-height: 119px;
    max-height: 120px;
}
#totales .card2 {
	background-color: #F1F5F8;
    color: #717273;
    min-height: 119px;
    max-height: 120px;
}
  @media (min-width: 600px) {
	#totales .card {
		height: 120px;
	}
  }

.rounded-calculadora2{
	border-radius: 25px !important;
}

#detalletotal .bg-1{
	background-color: #F1F5F8 !important;
	/* border: 0.1em solid #d8e2ec !important; */
	color: #717273;
	font-size: .8rem;
	margin-left: 10px;
	border: 1px solid #e6e6e6;
	border-radius: 6px 0px 0px 6px;

}
#detalletotal .bg-2{
	background-color: #fff !important;
	/* border: 0.1em solid #d8e2ec !important; */
	color: #717273;
	font-size: .8rem;
	margin-right: 10px;
	border: 1px solid #e6e6e6;
	border-radius: 0px 6px 6px 0px;

}

.bg-calculadora{
	background-color: #FA4F5A;
	border-radius: 20px;
}


.rounded-calculadora{
	border-radius: 20px;
}


#calculadora .form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio].with-gap:checked+label:before, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio].with-gap:checked+label:before, label.btn input[type=radio]:checked+label:after {
	border: 2px solid #E43046 !important;
	/* margin-top: 12px; */
}
#calculadora .form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio]:checked+label:after {
	background-color: #E43046 !important;
	/* margin-top: 12px; */
}

#calculadora .form-check-input[type=radio]:not(:checked)+label:after, .form-check-input[type=radio]:not(:checked)+label:before, label.btn input[type=radio]:not(:checked)+label:after, label.btn input[type=radio]:not(:checked)+label:before {
	border: 1px solid #717273 !important;
	/* margin-top: 12px; */
}


/* /calculadora */


/* contador */
#reloj{
    /* background: rgb(6,32,47);
    background: linear-gradient(0deg, rgba(6,32,47,1) 0%, rgba(36,163,161,1) 100%); */
    background-image: url('../img/concurso/confeti.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.your-clock{
    zoom: 0.7;
    /* -moz-transform: scale(0.7); */
    
    }


.flip-clock-wrapper ul li a div div.inn{
	background: var(--black);
	color: white;
}


.flip-clock-dot{
	background-color: white;
}


.flip-clock-divider .flip-clock-label {
	position: absolute;
	font-weight: bold;
    top: -1.5em;
    right: -86px;
    color: white;
    text-shadow: none;
}



/* /contador */


/* modal principal */
#modaldescuentoprincipal .modal-footer{
    background-image: url('../img/float/fondomodal1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    border-top: transparent;
}
/* /modal principal */



/* referidos */
#modalreferidos .md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    -webkit-box-shadow: 0 1px 0 0 var(--purple) !important;
    box-shadow: 0 1px 0 0 var(--purple) !important;
    border-bottom: 1px solid var(--purple) !important;
}

#modalreferidos  .md-form input[type=date]:focus:not([readonly])+label, .md-form input[type=datetime-local]:focus:not([readonly])+label, .md-form input[type=email]:focus:not([readonly])+label, .md-form input[type=number]:focus:not([readonly])+label, .md-form input[type=password]:focus:not([readonly])+label, .md-form input[type=search-md]:focus:not([readonly])+label, .md-form input[type=search]:focus:not([readonly])+label, .md-form input[type=tel]:focus:not([readonly])+label, .md-form input[type=text]:focus:not([readonly])+label, .md-form input[type=time]:focus:not([readonly])+label, .md-form input[type=url]:focus:not([readonly])+label, .md-form textarea.md-textarea:focus:not([readonly])+label {
    color: var(--purple);
}

#modalreferidos
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

#modalreferidos .form-select-span{
    font-size: .8rem;
    color: #717273;
}

#modalreferidos .modal-footer{
    border-top: transparent;
}

#modalreferidos .modal-footer a{
    font-size: .8rem;
    color: var(--purple);
}


/* ------ */
#modalreferidos ul.stepper.horizontal {
    min-height: 30rem;
}


#modalreferidos
ul.stepper .step-title {
    display: none;
}
#modalreferidos
ul.stepper .step.done:before {
    display: none;
}

#modalreferidos
ul.stepper .step.active:before {
	display: none;
}

#modalreferidos
ul.stepper .step:before {
    display: none;
}

#modalreferidos
ul.stepper > .step.active:not(:last-child):after {
    display: none;
}

#modalreferidos
ul.stepper .step-new-content {
    margin-left: 26px;
}
#modalreferidos
ul.stepper .md-form label {
    left: 0;
}
/* /referidos */



/* carousel home primary*/



  #home-carousel-primary .owl-theme, #home-carousel-primary .owl-dots {
    position: relative !important;
    margin-top: -30px !important;
}

#home-carousel-primary .owl-theme, #home-carousel-primary .owl-dots .owl-dot.active span, #home-carousel-primary .owl-theme #home-carousel-primary .owl-dots #home-carousel-primary .owl-dot:hover span {
    background: var(--fondo) !important;
    /* border: 1px solid #fff; */
    width: .4rem !important;
    height: .4rem !important;
}

#home-carousel-primary .owl-theme, #home-carousel-primary .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.486) !important;
    /* border: 1px solid rgba(255, 255, 255, 0.486); */
    width: .4rem !important;
    height: .4rem !important;
}

@media (min-width: 780px) {
    .scalemodal{
        transform: scale(1.3) !important;
        margin-top: 7% !important;
    }
    .boton-modal-primary{
        bottom: 7%;
        position: absolute;
    }
  }

  @media (max-width: 780px) {
    .boton-modal-primary{
        bottom: 5%;
        position: absolute;
    }
  }



/* carousel home primary*/

@media (min-width: 780px) {
        
    #destacado1-carousel.owl-carousel .owl-nav button.owl-next{
        position: absolute;
        top: 56px;
        right: -36px;
    }
    
    #destacado1-carousel.owl-carousel .owl-nav button.owl-prev{
        position: absolute;
        top: 56px;
        left: -36px;
    }

    /* ------- */
    
    #destacado2-carousel.owl-carousel .owl-nav button.owl-next{
        position: absolute;
        top: 90px;
        right: -36px;
    }
    
    #destacado2-carousel.owl-carousel .owl-nav button.owl-prev{
        position: absolute;
        top: 90px;
        left: -36px;
    }

    

    
    
    
  }

  @media (max-width: 780px) {
   
    #destacado1-carousel.owl-carousel .owl-nav button.owl-next{
        position: absolute;
        top: 30%;
        right: -36px;
    }
    
    #destacado1-carousel.owl-carousel .owl-nav button.owl-prev{
        position: absolute;
        top: 30%;
        left: -36px;
    }

    /* ------- */
        
    #destacado2-carousel.owl-carousel .owl-nav button.owl-next{
        position: absolute;
        top: 30%;
        right: -36px;
    }
    
    #destacado2-carousel.owl-carousel .owl-nav button.owl-prev{
        position: absolute;
        top: 30%;
        left: -36px;
    }
    
    
  }

  #destacado2-carousel.owl-carousel .owl-nav button.owl-next, #destacado2-carousel.owl-carousel .owl-nav button.owl-prev{
    /* background: var(--purple); */
    color: #222;
    border-radius: 50%;
    /* padding: 0px 22px 6px 22px !important; */
    font: inherit;
    font-size: 6rem !important;
}

#destacado1-carousel.owl-carousel .owl-nav button.owl-next, #destacado1-carousel.owl-carousel .owl-nav button.owl-prev{
    /* background: var(--purple); */
    color: #222;
    border-radius: 50%;
    /* padding: 0px 22px 6px 22px !important; */
    font: inherit;
    font-size: 6rem !important;
}

#destacado2-carousel.owl-theme .owl-dots .owl-dot.active span, 
    #destacado2-carousel.owl-theme .owl-dots .owl-dot:hover span {
      background: transparent;
    }

    #destacado1-carousel.owl-theme .owl-dots .owl-dot.active span, 
    #destacado1-carousel.owl-theme .owl-dots .owl-dot:hover span {
      background: transparent;
    }

    #beneficio1{
        transform: scale(0.85);
    }

    #beneficio2{
        transform: scale(0.85);
    }

    .owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
        color: #222;
        text-decoration: none;
    }

  /* canjes */
  .cr-caja-progreso {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.cr-progreso-active {
    border: 1px solid var(--purple) !important;
    background: var(--purple) !important;
    color: #FFF;
}
.cr-progreso-number {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--lightgrey);
    z-index: 1;
}

.cr-progreso-number p {
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cr-caja-progreso p {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 12px;
    text-align: center;
}

hr.style1 {
    border-top: 1px solid #e6e6e6;
    width: 3rem;
    margin: 0;
}


/* boton referidos */


.boton-referidos{
    background-color: var(--blue);
    position: fixed;
    right: -60px;
    /* right: -306px; */
    bottom: 39%;
    z-index: 1;
    transition: 0.6s;
    border-radius: .50rem 0 0 .50rem;
}

.boton-referidos:hover{
    background-color: #0189bb;
    /* right: -60px; */
    transition: 0.6s;
}

.boton-referidos img{
    max-width: 40px;
    padding: 6px;
}



/* beneficios navidad */
.bg-navidad{
    background-color: #E43046;
}

.bg-navidad-fondo{
    background-image: url('../img/beneficiosnavidad/fondo.png');
}

.btn-navidad{
    background-color: #E43046;
    position: fixed;
    right: -175px;
    bottom: 20%;
    z-index: 1;
    transition: 0.3s;
    border-radius: .50rem 0 0 .50rem;
}

.btn-navidad:hover{
    background-color: #bb2a3b;
    right: 0;
    transition: 0.3s;
}

.btn-navidad img{
    max-width: 40px;
    padding: 6px;
}

.bg-guante{
    filter: brightness(80%);
    position: absolute;
    width: 100%;
    border-radius: 6px;
}


.logo-navidad-marca{
    position: relative;
    width: 100%;
    /* background-color: rgba(255, 255, 255, 0.705); */
    text-align: center;
    /* padding: 20px 0; */
    margin-top: 10%;
}

.logo-navidad-marca img{
    width: 100px;
}

@media (min-width: 600px) {
    #conocebeneficionavidad .modal-dialog{
        max-width: 250px;
    }
  }


/* /beneficios navidad */






/* giftcard */
.subtextoab {
    font-size: 14px;
    font-family: 'ScotiaLigth', 'Scotia';
}

.time-text-sub{
    font-size: .8rem;
}

.time-number-light{
    background-color: var(--lightgrey);
    border-radius: 50%;
    padding: 6px 10px 6px 10px;
    margin: 0;
}
.time-number-color{
    background-color: var(--purple);
    color: #fff;
    border-radius: 50%;
    padding: 6px 10px 6px 10px;
    margin: 0;
}

.line-color{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid var(--purple);
}


/* /giftcard */


@media (max-width: 780px) {
    .text-sm-center{
      text-align: center !important;
    }
  }

  @media (min-width: 780px) {
    .text-sm-center{
      text-align: left !important;
    }
  }



  /* descuentos */

  #card-descuento .card{
    transform: scale(1);
    -webkit-box-shadow: 0px 0px 16px 9px rgba(0,0,0,0); 
    box-shadow: 0px 0px 16px 9px rgba(0,0,0,0);
    transition: .2s;
}

#card-descuento .card img{
    border-radius: 4px 4px 0px 0px;
}

#card-descuento .card:hover{
    transform: scale(1.01);
    transition: .2s;
    -webkit-box-shadow: 0px 0px 16px 9px rgba(0,0,0,0.1); 
    box-shadow: 0px 0px 16px 9px rgba(0,0,0,0.1);
}

#card-descuento .border{
    border: 1px solid rgb(221, 221, 221) !important;
}

  #card-descuento .card{
    border-radius: 4px;
}


  #search-descuento .select-dropdown{
      margin: 0 !important;
      padding: 0 !important;
  }

  #search-descuento .form-control{
    margin: 0 !important;
    padding: 0 !important;
}

#search-descuento .md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    -webkit-box-shadow: 0 1px 0 0 transparent !important;
    box-shadow: 0 1px 0 0 transparent !important;
    border-bottom: 1px solid transparent !important;
}

#search-descuento .md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea {

    border-bottom: 1px solid transparent;
}

#search-descuento .dropdown-content li>a, .dropdown-content li>span {
    font-size: .7rem;
    color: #212529;
    display: block;
    padding: .5rem;
}

#search-descuento .dropdown-menu{
    transform: inherit !important;
}




  
  /* /descuentos */


  /* categorias */


.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 0;
    margin-top: -65px;
    margin-right: -30px;
    width: 50px;
    height: 50px;
    transition: .3s;
  }
  
  .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    /* left: 0; */
    margin-top: -65px;
    margin-left: -30px;
    width: 50px;
    height: 50px;
    transition: .3s;
  }
  
  .owl-carousel .owl-nav button.owl-next:hover {
    background-color: var(--primarydark);
  }
  
  .owl-carousel .owl-nav button.owl-prev:hover{
    background-color: var(--primarydark);
  }
  
  #categorias .item{
    text-align: center;
  }
  
  #categorias .item img{
    max-height: 30px;
  }
  
  #categorias .item span{
    font-size: .6rem !important;
  }
  
  
  /* /categorias */



  /* giftcard */
  .bg-giftcard{
      background-image: url('../img/giftcard/fondogiftcard.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }

  @media (min-width: 780px) {
    .boton-giftcard{
        background-color: var(--yellow);
        position: fixed;
        right: -180px;
        bottom: 40%;
        z-index: 1;
        transition: 0.6s;
        border-radius: .50rem 0 0 .50rem;
    }
    
    .boton-giftcard:hover{
        background-color: #bd951e;
        right: 0;
        transition: 0.6s;
    }
    
    .boton-giftcard img{
        max-width: 40px;
        padding: 6px;
    }
  }

  @media (max-width: 780px) {
    .boton-giftcard{
        background-color: var(--yellow);
        position: fixed;
        right: -180px;
        bottom: 40%;
        z-index: 1;
        transition: 0.6s;
        border-radius: .50rem 0 0 .50rem;
    }
    
    .boton-giftcard:hover{
        background-color: #bd951e;
        right: 0;
        transition: 0.6s;
    }
    
    .boton-giftcard img{
        max-width: 40px;
        padding: 6px;
    }
  }


  /* /giftcard */




  /* encuesta */

  
  #encuesta .md-progress {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    display: block;
    width: 100%;
    height: .25rem;
    overflow: hidden;
    margin-bottom: 1rem;
    background-color: #C9C9C9;
}

#encuesta .md-progress .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: .25rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #138468;
}

#encuesta-checks .md-progress .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: .25rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color:#7ac843;
}

.bg-green-light-encuesta{
    background-color: #7ac843;
}

.bg-encuesta-off{
    background-color: #C9C9C9;
}

.numeros-encuesta{
    position: absolute; 
    display: flex; 
    justify-content: space-between; 
    width: 100%; 
    padding-right: 5%; 
    top: -10px; 
    z-index: 2;
}

.check-encuesta{
    position: absolute; 
    display: flex; 
    justify-content: space-between; 
    width: 100%; 
    padding-right: 5%; 
    top: -10px; 
    z-index: 2;
}

.check-encuesta-bg{
    position: absolute; 
    display: flex; 
    justify-content: space-between; 
    width: 110%; 
    min-height: 40px;
    top: -16px; 
    border-radius: 25px;
    z-index: -1;
    margin-left: -40px;
    background-color: #f0f4f7 !important;
}



@media (min-width: 780px) {
    .check-encuesta-bg{
        display: block;
    }
    #caritas a img{
        filter: grayscale(100%);
        opacity: .4;
        transition: .3s;
        width: 60px;
    }
    #contenido-encuesta{
      min-height: 190px;
    }
  }

  @media (max-width: 780px) {
    .check-encuesta-bg{
        display: none;
    }
    #caritas{
        padding-left: 10px;
        padding-right: 10px;
    }  
    #caritas a img{
        filter: grayscale(100%);
        opacity: .4;
        transition: .3s;
        width: 40px;
    }
    #caritas h6{
        font-size: .7rem;
    }
    #contenido-encuesta{
        min-height: 290px;
      }
  }

#caritas a:hover img{
    filter: inherit;
    opacity: 1;
    transition: .3s;
}

.padd-numero{
    padding: 0px 7px;
}

.padd-check{
    padding: 0px 8px 3px 8px;
}

#encuesta .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url('../img/svg/check-encuesta.svg');
}
#encuesta .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--green);
    background-color: var(--green);
}
#encuesta .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow:none !important;
}

#encuesta input[type=range]::-webkit-slider-thumb {
    background: var(--green);
    width: 6px;
    height: 20px;
    box-shadow:none !important;
}
#encuesta input[type=range]::-moz-range-thumb {
    background: var(--green);
    width: 6px;
    height: 20px;
    box-shadow:none !important;
}
#encuesta input[type=range]::-ms-thumb {
    background: var(--green);
    width: 6px;
    height: 20px;
    box-shadow:none !important;
}

.border-green {
    border-color: var(--green)!important;
}

#circle-bar .progress {
    width: 60px;
    height: 60px;
    background: none;
    position: relative;
  }
  
#circle-bar  .progress::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #f0f4f7;
    position: absolute;
    top: 0;
    left: 0;
  }
  
#circle-bar .progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  
#circle-bar .progress .progress-left {
    left: 0;
  }
  
#circle-bar .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    top: 0;
  }
  
#circle-bar .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }
  
#circle-bar .progress .progress-right {
    right: 0;
  }
  
#circle-bar .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
  }
  
#circle-bar .progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
  }
  


  /* encuesta */




/* pulse */


  
  
  
  .blob.purple-radius {
    /* background: rgba(142, 68, 173, 0); */
    /* box-shadow: 0 0 0 0 rgba(142, 68, 173, 1); */
    animation: pulse-purple 2s infinite;

    position: absolute;
    left: 12px !important;
    top:55%;
    width: 1px;
    height: 1px;
    border-radius: 50%;
  }
  
  @keyframes pulse-purple {
    0% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 20px rgba(142, 68, 173, 0);
    }
    
    100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
    }
  }






  

/* /pulse */



/* acceso-directo */

@media (max-width: 780px) {
    /* .boton-right{
        width: 50px;
        margin: 0 auto;
    } */
  }

    .acceso-directo{
        position: fixed; 
        right:-39px; 
        top:50%; 
        transform: translate(-50%, -50%);
        z-index: 2; 
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 12px 0px 0px 12px;
        transition: .3s;
    }
    
    .acceso-directo-cerrado{
        right: -90px;
        transition: .3s;
    }
    
    .acceso-directo-open2{
        position: fixed; 
        right:  -39px; 
        top:50%; 
        transform: translate(-50%, -50%);
        background-color: rgba(20, 20, 20, 0.4);
        transition: .3s;
    }
  



.boton-flecha-activo i{
    transform: rotate(180deg);
    transition: .3s;
}



/* /acceso-directo */



/* favoritos */
@media (max-width: 780px) {
    #carruselFavoritos .owl-prev {
        display: none !important;
    }
    
    #carruselFavoritos .owl-next {
        display: none !important;
    }

    #carruselFavoritos:hover .owl-prev {
        display: none !important;
    }
    
    #carruselFavoritos:hover .owl-next {
        display: none !important;
    }
    
    
}

@media (min-width: 780px) {
    #carruselFavoritos .owl-prev {
        display: none !important;
    }
    
    #carruselFavoritos .owl-next {
        display: none !important;
    }
    
    #carruselFavoritos:hover .owl-prev {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 55%;
        margin-left: -20px;
        display: block !important;
        border:0px solid black;
        border-radius: 50%;
        color:var(--red) !important;
        background-color: var(--fondo);
        transition: .3s !important;
    }
    
    #carruselFavoritos:hover .owl-next {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 55%;
        right: 10px;
        display: block !important;
        border:0px solid black;
        border-radius: 50%;
        color:var(--red) !important;
        background-color: var(--fondo);
        transition: .3s !important;
    }
}


#carruselFavoritos .owl-prev:hover {
    background-color: #fff;
}

#carruselFavoritos .owl-next:hover {
    background-color: #fff;
}



/* /favoritos */


/* beneficios destacados 2 */

@media (max-width: 780px) {

    #carruseldia .owl-prev {
        display: none !important;
    }
    
    #carruseldia .owl-next {
        display: none !important;
    }
    
    #carruseldia:hover .owl-prev {
        display: none !important;
    }
    
    #carruseldia:hover .owl-next {
        display: none !important;
    }
    #demasdias .card{
        padding-top: 10%;
        height: 100px;
        display: flex;
        align-items: center;
    }

    #demasdias .card img{
        margin-bottom: 10px;
    }

    .card-logo{
        width: 60px !important; 
        height: 60px !important; 
        position: absolute !important;
        top: 48% !important; 
        left: 50% !important; 
        transform: translate(-50%, -50%) !important; 
        border-radius: 12px !important;
    }
  
    
}

@media (min-width: 780px) {
    #carruseldia .owl-prev {
        display: none !important;
    }
    
    #carruseldia .owl-next {
        display: none !important;
    }
    
    #carruseldia:hover .owl-prev {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 55%;
        margin-left: -30px;
        display: block !important;
        border:0px solid black;
        border-radius: 50%;
        color:var(--red) !important;
        background-color: var(--fondo);
        transition: .3s !important;
    }
    
    #carruseldia:hover .owl-next {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 55%;
        right: 0px;
        display: block !important;
        border:0px solid black;
        border-radius: 50%;
        color:var(--red) !important;
        background-color: var(--fondo);
        transition: .3s !important;
    }

    .card-logo{
        width: 60px !important; 
        height: 60px !important; 
        position: absolute !important;
        top: 39% !important; 
        left: 50% !important; 
        transform: translate(-50%, -50%) !important; 
        border-radius: 12px !important;
    }
    
}




#carruseldia .owl-prev:hover {
    background-color: #fff;
}

#carruseldia .owl-next:hover {
    background-color: #fff;
}

/* -------- */

@media (max-width: 780px) {

    #carruseldia2 .owl-prev {
        display: none !important;
    }
    
    #carruseldia2 .owl-next {
        display: none !important;
    }
    
    #carruseldia2:hover .owl-prev {
        display: none !important;
    }
    
    #carruseldia2:hover .owl-next {
        display: none !important;
    }
    
    
}

@media (min-width: 780px) {

    #carruseldia2 .owl-prev {
        display: none !important;
    }
    
    #carruseldia2 .owl-next {
        display: none !important;
    }
    
    #carruseldia2:hover .owl-prev {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 49%;
        margin-left: -30px;
        display: block !important;
        border:0px solid black;
        border-radius: 50%;
        color:var(--red) !important;
        background-color: var(--fondo);
        transition: .3s !important;
    }
    
    #carruseldia2:hover .owl-next {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 49%;
        right: 0px;
        display: block !important;
        border:0px solid black;
        border-radius: 50%;
        color:var(--red) !important;
        background-color: var(--fondo);
        transition: .3s !important;
    }
    
    
}



#carruseldia2 .owl-prev:hover {
    background-color: #fff;
}

#carruseldia2 .owl-next:hover {
    background-color: #fff;
}

@media (min-width: 780px) {

    .card-dia-beneficio{
        color: rgb(165, 165, 165);
        opacity: .6;
        transition:.3s;
    }
    .card-dia-beneficio img{
        filter: grayscale(100%);
        opacity: .6;
        transition:.3s;
    }
    .card-dia-beneficio:hover{
        color: var(--green);
        transition:.3s;
    }
    
    .card-dia-beneficio:hover img{
        filter: inherit;
        opacity: 1;
        transition:.3s;
    }
    
}

@media (max-width: 780px) {

    .card-dia-beneficio{
        color: var(--green);
        opacity: 1;
        transition:.3s;
    }
    .card-dia-beneficio img{
        filter: inherit;
        opacity: 1;
        transition:.3s;
    }
    .card-dia-beneficio:hover{
        color: var(--green);
        transition:.3s;
    }
    
    .card-dia-beneficio:hover img{
        filter: inherit;
        opacity: 1;
        transition:.3s;
    }
    
}


@media (min-width: 780px) {

    .card-dia-beneficio-color{
        color: #757575;
        /* opacity: .6; */
        transition:.3s;
    }
    .card-dia-beneficio-color img{
        /* filter: grayscale(100%); */
        /* opacity: .6; */
        transition:.3s;
    }
    .card-dia-beneficio-color:hover{
        color: var(--green);
        transition:.3s;
    }
    
    .card-dia-beneficio-color:hover img{
        filter: inherit;
        opacity: 1;
        transition:.3s;
    }
    
}

@media (max-width: 780px) {

    .card-dia-beneficio-color{
        color: var(--green);
        opacity: 1;
        transition:.3s;
    }
    .card-dia-beneficio-color img{
        filter: inherit;
        opacity: 1;
        transition:.3s;
    }
    .card-dia-beneficio-color:hover{
        color: var(--green);
        transition:.3s;
    }
    
    .card-dia-beneficio-color:hover img{
        filter: inherit;
        opacity: 1;
        transition:.3s;
    }
    
}



/* /beneficios destacados 2 */





.bg-copaamerica{
    background-image: url('../img/banderas/fondo/fondo.jpg');
    background-position: center;
    background-size: 100%;
}

.bg-copaamerica2{
    background-image: url('../img/banderas/fondo/fondo-copaamerica.jpg');
    background-position: center;
    background-size: 100%;
}

.bg-dia{
    background-color: #E4F2FF !important;
}


.card-participar-visible{
    display: block;
}

.card-participar-oculto{
    display: none;
}
.card-participaste-visible{
    display: block;
}

.card-participaste-oculto{
    display: none;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield;text-align: center; }

input:focus, select:focus, select, input.form-control:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.color-blue-copa{
    color: #192256;
}

.bg-blue-copa{
    background-color: #192256 !important;
}


/* encuesta new */


.sex {
    background-color: transparent!important;
    color: #fff;
}

.sex:not([disabled]):not(.disabled).active, .sex:not([disabled]):not(.disabled):active, .show>.sex.dropdown-toggle {
    background-color: var(--encuesta2)!important;
    color: white !important;
}

.agregarbeneficios {
    background-color: transparent!important;
    color: #fff;
    max-width: 200px;
    min-width: 200px;
    padding: 10px 0px 10px 20px;
    text-align: left;
}

.sino {
    background-color: transparent!important;
    color: #fff;
    max-width: 120px;
    min-width: 120px;
    padding: 10px 0px 10px 20px;
    text-align: left;
}

.sino:not([disabled]):not(.disabled).active, .sino:not([disabled]):not(.disabled):active, .show>.sino.dropdown-toggle {
    background-color: var(--encuesta2)!important;
    color: white !important;
}

.sino2 {
    background-color: transparent!important;
    color: #fff;
    max-width: 120px;
    min-width: 120px;
    padding: 10px 0px 10px 20px;
    text-align: left;
}
.sino2 i{
    color: #fff;
}

.sino2:not([disabled]):not(.disabled).active, .sino2:not([disabled]):not(.disabled):active, .show>.sino2.dropdown-toggle {
    background-color: var(--encuesta2)!important;
    color: white !important;
}

.sino3 {
    background-color: transparent!important;
    color: #fff;
    /* max-width: 270px;
    min-width: 270px; */
    width: 48%;
    /* float: left !important; */
    padding: 10px 0px 10px 20px;
    text-align: left;
}
.sino3 i{
    color: #fff;
}

.sino3:not([disabled]):not(.disabled).active, .sino3:not([disabled]):not(.disabled):active, .show>.sino3.dropdown-toggle {
    background-color: var(--encuesta2)!important;
    color: white !important;
}

.agregarbeneficios:not([disabled]):not(.disabled).active, .agregarbeneficios:not([disabled]):not(.disabled):active, .show>.agregarbeneficios.dropdown-toggle {
    background-color: var(--encuesta2)!important;
    color: white !important;
}

.cajaselecdesc{
    background-color: transparent!important;
    color: #fff;
    max-width: 80px;
    padding: 0;
    filter: grayscale(100%);
}

.cajaselecdesc h6{
    font-size: .8rem;
}


.cajaselecdesc:not([disabled]):not(.disabled).active, .cajaselecdesc:not([disabled]):not(.disabled):active, .show>.cajaselecdesc.dropdown-toggle {
    background-color: transparent!important;
    border: 1px solid var(--encuesta2) !important;
    color: var(--encuesta2) !important;
    filter: initial;
}


.encuesta-border textarea {
    border: 1px solid var(--encuesta2);
}
.encuesta-border .form-control:focus {
    border: 1px solid var(--encuesta2);
    box-shadow: 0 0 0 0.2rem rgba(186, 104, 200, .25);
}


/* carrusel 2022 */


    

@media (min-width: 780px) {
  

    #carrusel2022.owl-carousel .owl-nav button.owl-next{
        position: absolute;
        top: 200px;
        right: -36px;
    }
    
    #carrusel2022.owl-carousel .owl-nav button.owl-prev{
        position: absolute;
        top: 200px;
        left: -36px;
    }
  

  #carrusel2022.owl-carousel .owl-nav button.owl-next, #carrusel2022.owl-carousel .owl-nav button.owl-prev{
    /* background: var(--purple); */
    color: #222;
    border-radius: 50%;
    /* padding: 0px 22px 6px 22px !important; */
    font: inherit;
    /* font-size: 6rem !important; */
}

#carrusel2022.owl-carousel .owl-nav button.owl-next, #carrusel2022.owl-carousel .owl-nav button.owl-prev{
    /* background: var(--purple); */
    color: #222;
    border-radius: 50%;
    /* padding: 0px 22px 6px 22px !important; */
    font: inherit;
    /* font-size: 6rem !important; */
}
  }

  @media (max-width: 780px) {
  



  #carrusel2022.owl-carousel .owl-nav button.owl-next, #carrusel2022.owl-carousel .owl-nav button.owl-prev{
    display: none;
}


  }




    

/* /carrusel 2022 */

/* carrusel 2022-2 */
   

@media (min-width: 780px) {
    #carrusel2022-2.owl-carousel .owl-nav button.owl-next, #carrusel2022-2.owl-carousel .owl-nav button.owl-prev{
        /* background: var(--purple); */
        color: #222;
        border-radius: 50%;
        /* padding: 0px 22px 6px 22px !important; */
        font: inherit;
        position: absolute;
        bottom: -50px;
        right: 60px;
        font-size: .6rem !important;
        }
        
        #carrusel2022-2.owl-theme .owl-dots{
            text-align: center;
            -webkit-tap-highlight-color: transparent;
            position: absolute;
            right: 120px;
        }
  }


  @media (max-width: 780px) {
    #carrusel2022-2.owl-carousel .owl-nav button.owl-next, #carrusel2022-2.owl-carousel .owl-nav button.owl-prev{
        display: none;
        }
  }




/* /carrusel 2022-2 */



/* carrusel menu */


    
#carouselMenu.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    top: 100px;
    right: -30px;
    background-color: #fff;
    height: 40px;
    width: 40px;

    display: flex;
    justify-content: center;
    align-items: center;
}

#carouselMenu.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 100px;
    left: -30px;
    background-color: #fff;
    height: 40px;
    width: 40px;

    display: flex;
    justify-content: center;
    align-items: center;
}


#carouselMenu.owl-carousel .owl-nav button.owl-next, #carouselMenu.owl-carousel .owl-nav button.owl-prev{
color: #222;
border-radius: 6px;
padding: 20px;
font: inherit;
}

#carouselMenu.owl-carousel .owl-nav button.owl-next, #carouselMenu.owl-carousel .owl-nav button.owl-prev{
color: #222;
border-radius: 6px;
padding: 20px;
font: inherit;
}

#carouselMenu.owl-theme .owl-nav {
    margin-top: 0px;
}




/* /carrusel menu */

/* fc barcelona */

.contenedor-camiseta{
    background-color: transparent;
    border-radius: 6px;
    padding: 10px;
    transition: .3s;
}


.contenedor-camiseta:hover{
    background-color: #fff;
    border-radius: 6px;
    padding: 10px;
    transition: .3s;
}

.contenedor-camiseta h6{
    color: #fff;
    transition: .3s;
}

.contenedor-camiseta:hover h6{
    color: #222;
    transition: .3s;
}