.simple-linear {
  background: linear-gradient(to right, #014aae, #c86de5);
  height: 10px;
}
.cuadro1 { border: 2px solid #2b2e7c!important; border-radius: 15px; font-family: 'Montserrat-ExtraBold', sans-serif!important; font-size: 50px; line-height: -40px;}
.cuadro2 { border: 2px solid #9a47aa!important; border-radius: 15px; font-family: 'Montserrat-ExtraBold', sans-serif!important; font-size: 50px; line-height: -40px;}
.cuadro3 { border: 2px solid #2e7ac2!important; border-radius: 15px; font-family: 'Montserrat-ExtraBold', sans-serif!important; font-size: 50px; line-height: -40px;}
.foot {
	background-image:url(../img/bg_footer.jpg);  
	background-size: cover; 
	background-repeat: no-repeat;
    background-position: center center;
}
.calendario_fondo {
    background-image:url(../img/calendario/fondo.jpg);  
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center center;
}

.box {
    position: relative;
    border: 8px solid transparent;
    border-radius: 60px;
    background: white;
    background-clip: padding-box;
    padding: 10px;
}

.box::after{
    position: absolute;
    top: -8px; bottom: -8px;
    left: -8px; right: -8px;
    background: linear-gradient(90deg, #014aae, #c86de5);
    content: '';
    z-index: -1;
    border-radius: 60px;
}

.box_btn {
    position: relative;
    border: 3px solid transparent;
    border-radius: 60px;
    background: white;
    background-clip: padding-box;
    padding: 10px 0px 0px 0px;
}

.box_btn::after{
    position: absolute;
    top: -3px; bottom: -3px;
    left: -3px; right: -3px;
    background: linear-gradient(90deg, #014aae, #c86de5);
    content: '';
    z-index: -1;
    border-radius: 60px;
}

.box_history {
	background-color: #bf9dd4!important; 
	padding-top: 250px;
	margin-top: -250px;
}

.calendario { 
  background: linear-gradient(to right, #014aae, #c86de5);
  height: 5px;
  width: 100%;
  rotate: 0deg;
  padding: 0px;
 }

 .boton {
    position: relative;
    border-radius: 60px;
    background: linear-gradient(90deg, #014aae, #c86de5);
    padding: 10px;
    color: white!important;
}

.contacto input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"], input[type="tel"], input[type="date"]   { width:100%; border: none; background-color:transparent!important; padding: 1px 15px; font-family: "Montserrat", sans-serif!important; color: black!important }

.box_form {
    position: relative;
    border: 3px solid transparent;
    border-radius: 15px;
    background: white;
    background-clip: padding-box;
    padding: 10px;
}

.box_form::after{
    position: absolute;
    top: -3px; bottom: -3px;
    left: -3px; right: -3px;
    background: linear-gradient(90deg, #014aae, #c86de5);
    content: '';
    z-index: -1;
    border-radius: 15px;
}

/*  TAMAÑO XS */
@media (max-width: 575px) {
/*body { background-color: purple; }*/
.contador { font-size:38px; }
.tcontador { font-size: 16px!important; }
}

/*  TAMAÑO SMALL */
@media (min-width: 576px) {
/*body { background-color: red; }*/

}

/*  TAMAÑO MD */
@media (min-width: 768px) {
/*body { background-color: green; }*/

}

/*  TAMAÑO LG */
@media (min-width: 992px) {
/*body { background-color: orange; }*/
.contador { font-size:55px; }
.tcontador { font-size: 20px!important; }
.calendario { 
  background: linear-gradient(to right, #014aae, #c86de5);
  height: 5px;
  width: 180px;
  rotate: -90deg;
  padding: 0px;
 }
}


/* TAMAÑO XL */
@media (min-width: 1200px) {
/*body { background-color: blue; }*/
.contador { font-size:60px; }

}