@font-face {
    font-family: 'Segou Ui';
    src: url(../fonts/segoe_ui.ttf);
}
.crono button
{
  background-color:red;
  color:white;
  border:none;
  padding:10px 20px;
  margin-bottom: 10px;
}
.crono 
{
  margin-bottom:30px;
  text-align: center;
}
.tipos button 
{
  background-color:red;
  color:White;
  border:none;
  border-radius:10px;
  padding:10px 30px;
  margin: 5px;
}
.tipos 
{
  margin-bottom:30px;
}
:root {
    --blanco: #fff;
    --azul: #f50a01;
    --texto-parrafo: #58595B;
    --azul-intranet: #0033A1;
    --boton-rojo: #E02727;
}
.pagoSinRegistro label
{
  font-size:14px!important;
}
.hoja
{
  padding:30px 0;
  padding-bottom:150px
}
.vehiculo a 
{
  width: 45%;
  height:200px;
  border:1px solid #f50a01;
  display:flex;
  align-items:center;
  transition:0.5s;
  justify-content:center;
}
.vehiculo a:hover
{
  background-color:#f50a01;
}
.vehiculo 
{
  justify-content:space-between;
}
.vehiculo a img 
{
  width:150px;
}
body#Clase_Nueva
{
  /* min-width:400px; */
}

/* CHECKOUT */
.CodDesc
{
    padding: 30px 0;
}
.CodDesc p 
{
    font-size:14px!important;
    margin-bottom:0!important;
    padding-bottom:0;
}
.checkout{/* background:#F5F5F5; */border-top:1px solid #ccc;}
.checkout .titulo{margin-bottom:30px;}
.checkout .titulo h1{font-size:25px;color:#5f5f5f;text-transform:uppercase;}
.checkout_table tbody > tr:first-child
{
  background-color:#d53232;
  color:white;
}
.checkout_table{/* background:#fff; */margin:0;color: #383838;}
.checkout_table tr th{font-size:13px;font-weight:600;padding:10px 15px !important;border: 1px solid #d53232;border-top: none!important;}
.checkout_table tr td{padding:15px !important;border: 1px solid #d53232;}
.checkout_table img{max-width:100px;padding:10px;border:1px solid #ccc;}
.checkout_table h3{font-size:14px;}
.checkout_table input{width:70px;border:1px solid #ccc;padding:10px;margin:0 auto;display:block;}
.checkout_table a{color:#333;}
.totalC{padding:15px;background:#fff;border: 1px solid #d53232;margin-top:-1px;text-align:right;margin-bottom:30px;}
.totalC p{color:#000;font-weight:600;text-transform:uppercase;font-size:20px}
.totalC span{margin-left:30px;color: #d53232;}
.continuar{font-size:13px;}
.continuar span{color: #d53232;}
.checkoutForm{margin-top:30px;}
#pedidoFinal .lineaform{margin-bottom:10px;}
#pedidoFinal .lineaform:last-of-type{margin-bottom:0}
#pedidoFinal input, #pedidoFinal textarea{width:100%;padding:10px 15px;border: 1px solid #d53232;background:#fff;line-height:normal;font-size:13px;transition:all .3s ease;color: #666;}
#pedidoFinal textarea{resize:none;height:120px;}
#pedidoFinal input[type="submit"]{width:auto;background: #d53232;color:#fff;margin:0 auto;text-transform:uppercase;border:none;display: inline;}
#pedidoFinal input:focus, #pedidoFinal textarea:focus{border-color:#EB126D;}
.precio-total
{
    display:flex;
    justify-content:space-between;
}
.precio-total > div 
{
    width:45%;
}
/************/
#checkout
{
    padding:30px 0;
}
#checkout h2 
{
    text-align:center;
    margin-bottom:30px;
}
.titulos-carro
{
  display:flex;
  border-bottom:1px solid black;
  text-align:center;
}
.titulos-carro > p 
{
  width:20%;
  font-weight:bold;
  font-size:20px;
  color: #000000;
  padding:20px;
}
.productos-agregados li 
{
  padding:20px 0;
  display:flex;
  border-bottom: 1px solid black;
}
.productos-agregados li > div:last-child
{
  border:none;
}
.productos-agregados li > div 
{
  width:20%;
  text-align:center;
  border-right: 1px solid black;
  padding:0 20px;
}
.productos-agregados li > div:nth-child(5)
{
  color: #477b21;
  font-weight:bold;
  font-size:20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productos-agregados li > div:nth-child(4)
{
  display:flex;
  justify-content: center;
}
.productos-agregados li > div:nth-child(4) button
{
  background:transparent;
  border:none;
  font-weight:bold;
  color: #477b21;
  font-size: 34px;
}
.productos-agregados li > div:nth-child(4) input
{
  text-align:center;
  width: 50px;
}
.productos-agregados li > div:nth-child(3) h3
{
  font-size: 16px;
}
.BajoTabla 
{
  padding:50px 0;
}
.BajoTabla > div
{
  width:45%;
}
.BajoTabla 
{
  justify-content:space-between;
}
.BajoTabla select
{
    width: 100%!important;
    padding: 10px 15px;
    border: 1px solid #d53232;
    background: #fff;
    line-height: normal;
    font-size: 13px;
    transition: all .3s ease;
    color: #666;
    margin-top: 10px;
}
.BajoTabla input
{
  width:100%;
  /* margin-top:30px; */
}
.BajoTabla p 
{
  text-transform:uppercase;
  font-weight:bold;
}
.BajoTabla button
{
  background-color: #424242;
  border:none;
  color:white;
  font-weight:bold;
  font-size: 13px;
  padding:10px;
  width:100%;
  margin-top:10px;
}
#S_Carro h3 
{
  margin-top:0;
  color: black;
  font-size:20px;
  font-weight:bold;
  margin-bottom: 20px!important;
  text-transform: uppercase;
}
.BajoTabla span
{
  float:right;
  font-size: 15px;
}
.BajoTabla > div:last-child p 
{
  font-size:20px;
  border-top:1px solid #c7c7c7;
  padding:10px 0;
}
.total.mini_seccion
{
  font-weight:bold;
  font-size:18px;
}
#Exito_Total > div 
{
    display:flex;
    justify-content:flex-end;
}
#Exito_Total > div > div 
{
    width:150px;
    font-size:20px;
}
#S_CompraExitosa
{
    min-width:600px;
}
/* FIN CHECKOUT */
.pagoSinRegistro input 
{
    width:400px;
    max-width:100%;

}
.pagoSinRegistro input::placeholder
{
    color:white;
}
.alerta a 
{
    color:White;
    text-decoration:underline!important;
}
/***** DATEPICKER *********/
.datepicker-button.input-group-addon
{
    width: 50px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c1c1c1;

}
.datepicker-month-prev
{position:relative;
}
div.datepicker-calendar.default table.datepicker-grid th
{
    padding:20px
}
.datepicker-month-fast-next,.datepicker-month-fast-prev
{
  display:none;
}
.datepicker-month-next
{
  /* top:20px; */
  position:relative;
}
.datepicker-button.datepicker-month
{
  background-color: #0033a1;
  padding:20px;
  text-align:center;
  color: white;
  font-size: 16px!important;
}
.datepicker-month-wrap
{
  /* display:flex; */
  /* align-items:center; */
  /* justify-content:space-between; */
}
.datepicker-grid
{
  width:100%;
}
.datepicker-calendar
{
    min-width:350px;
    width: fit-content!important;
}
.datepicker-calendar .day
{
padding:20px!important;
}
.unselectable
{
  background-color:#ffd6d6!important;
  color:black;
}
/* FIN DATEPICKER ************/


body {
    font-family: 'Roboto' !important;
    line-height: 1.3 !important;
    background-color: #fff !important;
    font-size:14px!important;
}
* {
    margin: 0;
    padding: 0;
    /* FONT-SIZE: 14px!important; */
}
a {
    text-decoration: none !important;
}
label {
    margin-bottom: 0 !important;
}
p {
    margin-bottom: 0 !important;
}
textarea {
    resize: none !important;
}
button {
    cursor: pointer;
}
li {
    list-style-type: none !important;
}
h1, h2, h3, h4, h5 {
    margin-bottom: 0 !important;
}
input:focus, button:focus, textarea:focus, select:focus {
    outline: none !important;
}
li {
    cursor: pointer !important;
}
dl, ol, ul {
    margin-bottom: 0% !important;
}


/* ************ PAGINA HOME ************ */
.barra {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 0;
}
.barra a {
    color: var(--azul);
    font-size: 17px;
    font-weight: 600;
    font-family: 'Roboto';
}
.body-home {
    position: relative;
}
/* BLOQUE INCIAR SESION */
/* .bloque-usuario .overplay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(52, 52, 52, 40%);
} */
.bloque-sesion {
    position: fixed;
    right: 0;
    width: 275px;
    background-color: var(--azul);
    z-index: 5;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    text-align: center;
    padding-bottom: 50px;
}
.bloque-sesion .logo-bloque {
    padding-top: 20px;
}
.bloque-sesion .campo-sesion {
    display: flex;
    width: 80%;
    margin: 0 auto;
    align-items: center;
    padding-left: 10px;
    margin-top: 20px;
}
.bloque-sesion .campo-sesion img {
    width: 15%;
}
.bloque-sesion .campo-sesion a {
    margin-left: 25px;
    color: var(--blanco);
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: normal;
}
/* FIN BLOQUE INICIO DE SESION */

/* BLOQUE INCIAR SESION */
.bloque-usuario {
    position: fixed;
    right: 0;
    width: 275px;
    background-color: var(--azul);
    z-index: 5;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    text-align: center;
    padding-bottom: 50px;
}
.bloque-usuario .logo-bloque {
    padding-top: 20px;
}
.bloque-usuario .campo-sesion {
    display: flex;
    width: 80%;
    margin: 0 auto;
    align-items: center;
    padding-left: 10px;
    margin-top: 20px;
}
.bloque-usuario .campo-sesion img {
    width: 15%;
}
.bloque-usuario .campo-sesion a {
    margin-left: 25px;
    color: var(--blanco);
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: normal;
}
.creditos 
{
    color:white;
    font-size:16px;
    margin-top:10px;
}
/* FIN BLOQUE INICIO DE SESION */
/* CAROUSEL */
.sec-slider-home {
    display: flex;
    column-gap: 60px;
}
.sec-slider-home .redes-sociales {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 120px 0;
}
.sec-slider-home .redes-sociales a {
    padding: 45px 0;
}
.sec-slider-home .redes-sociales a img {
    width: 40px;
    height: 40px;
}
.sec-slider-home .redes-sociales a img:hover {
    transition: all 1s;
    transform: rotate(360deg);
}
.contenedor-imagen-carousel {
    position: relative;
}
.contenedor-imagen-carousel::after {
    position: absolute;
    content: '';
    background-image: url(../img/yogabox.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 44px;
    width: 449px;
    top: 30%;
    left: 38%;
}
.contenedor-imagen-carousel .info-carousel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.contenedor-imagen-carousel .imagen-carousel {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    height: 720px;
}
.contenedor-imagen-carousel .info-carousel img {
    margin-bottom: 100px;
}
.contenedor-imagen-carousel .info-carousel button {
    background-color: var(--azul);
    color: var(--blanco);
    font-size: 21px;
    text-transform: uppercase;
    padding: 15px 30px;
    border: none;
    border-radius: 9px;
}
.contenedor-slider-home {
    width: 90%;
    padding-left: 100px;
}
.contenedor-slider-home .owl-pagination {
    display: none !important;
}
.contenedor-slider-home .carousel-inner {
    position: relative !important;
}
.contenedor-slider-home .owl-prev {
    position: absolute;
    left: 10%;
    top: 45%;
}
.contenedor-slider-home .owl-next {
    position: absolute;
    right: 10%;
    top: 45%;
}
.contenedor-slider-home .owl-theme .owl-controls .owl-buttons div {
    background: none !important;
    opacity: 1 !important;
}
.contenedor-slider-home .carousel-control-next-icon, 
.contenedor-slider-home .carousel-control-prev-icon {
    background-image: none !important;
    height: 90px;
    width: 90px;
}
/* FIN CAROUSEL */
.flecha-home {
    width: 90%;
    margin: 0 auto;
    padding-left: 42%;
}
.nosotros-home {
    position: relative;
    margin: 100px 0;
}
.contenedor-home {
    width: 90%;
    margin: 0 auto;
}
.nosotros-home::after {
    position: absolute;
    content: '';
    background-image: url(../img/rectangulo.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    top: 0;
    width: 59px;
    height: 29px;
}
.nosotros-home::before {
    position: absolute;
    content: '';
    background-image: url(../img/rectangulo.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    bottom: 0;
    width: 59px;
    height: 29px;
}
.nosotros-home h3 {
    font-size: 45px;
    font-weight: normal;
    color: var(--azul);
    margin-bottom: 60px !important;
}
.nosotros-home .texto p {
    color: var(--texto-parrafo);
    font-size: 23px;
    font-family: 'Roboto';
    text-align: justify;
}
.nosotros-home .texto .leer-mas a {
    font-size: 29px;
    font-family: 'Segou Ui';
    font-weight: 600;
    color: var(--azul);
    display: flex;
    justify-content: flex-end;
    margin-top: 50px !important;
}
.nosotros-home .texto p:first-of-type {
    margin-bottom: 60px !important;
} 
.nosotros-home .grid-nosotros {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 150px;
}
.preguntas-home {
    margin: 100px 0;
}
.preguntas-home .texto p {
    margin-bottom: 20px !important;
    color: var(--texto-parrafo);
    font-size: 23px;
    text-align: justify;
}
.preguntas-home .texto h3 {
    font-size: 29px;
    font-weight: bold;
    font-family: 'Roboto';
    color: var(--azul);
    margin-bottom: 20px !important;
}
.preguntas-home .grid-preguntas {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.preguntas-home .grid-preguntas .leer-mas a {
    font-size: 29px;
    font-family: 'Segou Ui';
    color: var(--azul);
    font-weight: 600;
}
.fondo-home {
    background-image: url(../img/fondo-home.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
/* FOOTER */
.footer {
    width: 100%;
    margin: 0 auto;
}
.footer .grid-footer {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 50px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 100px !important;
}
.grid-footer .contenedor-formulario h3 {
    font-size: 51px;
    font-weight: bold;
    color: var(--azul);
    font-family: 'Roboto';
    text-transform: uppercase;
}
.grid-footer .imagen {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    width: 100%;
}
.grid-footer .contenedor-formulario p {
    font-size: 17px;
    font-weight: normal;
    font-family: 'Roboto';
    color: var(--texto-parrafo);
    text-align: justify;
    margin-top: 15px !important;
}
.campo-footer {
    display: flex;
    flex-direction: column;
    margin-top: 25px !important;
}
.campo-footer label {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Roboto';
    color: #6C6C6C;
    margin-bottom: 15px !important;
}
.campo-footer input, .campo-footer textarea {
    background-color: var(--azul);
    color: var(--blanco);
    font-size: 17px;
    border: none;
    padding: 10px;
}
.campo-footer input {
    width: 60%;
}
.campo-footer textarea::placeholder {
    color: var(--blanco);
    font-size: 30px;
}
.grid-footer .mensaje {
    padding-top: 50px;
}
.grid-footer .btn-submit {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.grid-footer .btn-submit button {
    display: flex;
    align-items: center;
    background-color: var(--azul);
    color: var(--blanco);
    font-size: 20px;
    font-weight: 600;
    font-family: 'Roboto';
    border: none;
    padding: 10px 15px;
}
.grid-footer .btn-submit button span {
    margin-right: 10px;
}
.copyright {
    background-color: #ff0b00;
    padding: 10px 0;
    display: flex;
    color: white;
    justify-content: space-around;
    align-items: center;
}
.copyright .flex {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copyright .red-social:hover{
    transition: all .6s;
    transform: scale(1.05);
}
.flex .texto p {
    color: var(--blanco);
    font-family: 'Arial';
    font-size: 12px;
}
.flex .texto p strong {
    font-size: 13px;
    text-transform: uppercase;
}
.flex .sitio p {
    font-size: 23px;
    font-weight: normal;
    color: var(--blanco);
    font-family: 'Segou Ui';
    text-transform: lowercase;
}
/* FIN FOOTER */
/* ************ FIN PAGINA HOME ************ */


/* ************ PAGINA PREGUNTAS FRECUENTES ************ */
.contenedor-respuesta {
    margin-top: 15px;
}
.tarjeta .accordion {
    margin-bottom: 50px !important;
}
.tarjeta .accordion .card {
    border: none !important;
}
.titulo-pregunta {
    display: flex !important;
    justify-content: space-between !important;
    background-color: var(--azul) !important;
    padding: 50px 70px !important;
    border-radius: 10px !important;
}
.titulo-pregunta p {
    color: var(--blanco) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    font-family: 'Segou Ui' !important;
}
.titulo-pregunta button {
    border: none;
    background-color: transparent;
}
.tarjeta .accordion .card-body {
    background-color: var(--azul) !important;
    font-size: 18px !important;
    font-family: 'Segou Ui' !important;
    color: var(--blanco) !important;
    padding: 35px;
}
.preguntas-frecuentes {
    margin: 100px 0;
}
.contenedor-frecuentes {
    width: 80%;
    margin: 0 auto;
}
.contenedor-frecuentes h3 {
    font-size: 38px;
    font-weight: bold;
    color: var(--azul);
    text-transform: uppercase;
    font-family: 'Roboto';
    text-align: center;
}
.contenedor-frecuentes .subtitulo {
    font-size: 16px;
    font-family: 'Segou Ui';
    color: #7F779E;
    font-weight: 600;
    margin-bottom: 80px !important;
    margin-top: 10px !important;
    width: 50%;
    margin: 0 auto;
}
.flex-frecuentes {
    display: flex;
    justify-content: space-between;
}
.flex-frecuentes .barra {
    width: 1px;
    background: var(--texto-parrafo);
}
.preguntas-frecuentes .tarjeta {
    width: 45%;
}
.tarjeta .contenedor-pregunta:last-of-type {
    margin-bottom: 0;
}
/* ************ FIN PREGUNTAS FRECUENTES ************ */




/* ************ PAGINA ESTUDIOS  ************ */
.sec-sedes {
    position: relative;
}
.sec-sedes::after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    background-image: url(../img/onda-derecha.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 90px;
}
.contenedor-sedes {
    width: 90%;
    margin: 0 auto;
    margin-top: 100px !important;
}
.contenedor-slider-sede .owl-buttons {
    display: none !important;
}
.contenedor-slider-sede .owl-wrapper-outer {
    position: relative;
}
.contenedor-slider-sede .owl-pagination {
    position: absolute !important;
    top: 80%;
    left: 50%;
}
.contenedor-slider-sede .owl-theme .owl-controls .owl-page span {
    background: #fff !important;
    width: 16px !important;
    height: 16px !important;
}
.contenedor-slider-sede .contenedor-imagen-carousel::after {
    display: none !important;
}
.formulario-sede {
    text-align: center;
}
.formulario-sede select {
    border: none !important;
    font-size: 38px;
    font-weight: bold;
    color: var(--azul);
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("../img/arrow-down.svg");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    padding: 20px;
    padding-right: 50px;
    cursor: pointer;
}
.formulario-sede select option {
    font-size: 20px;
    font-weight: bold;
    color: var(--azul);
    text-transform: uppercase;
}
.sec-sedes .subtitulo {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Segou Ui';
    color: #7F779E;
    width: 40%;
    margin: 0 auto !important;
    margin-bottom: 70px !important;
}
.fondo-home .horarios {
    text-align: center;
    position: relative;
    margin-bottom: 70px;
    padding-top: 70px;
}
.fondo-home .horarios::before {
    position: absolute;
    content: '';
    background-image: url(../img/onda-izquierda.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 56px;
    height: 90px;
    top: 50%;
    left: 0;
}
.fondo-home .horarios a button {
    background-color: #223D7B;
    color: var(--blanco);
    font-size: 21px;
    font-weight: 600;
    font-family: 'Rubik';
    padding: 15px 10px;
    border: none;
    border-radius: 30px;
}
/* ************ FIN PAGINA ESTUDIOS  ************ */


/* ************ PAGINA COMPRAS  ************ */
.compra {
    width: 60%;
    margin: 0 auto;
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}
.grid-compra {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 70px;
}
.contenedor-compra {
    border-top-left-radius: 55px;
    border-top-right-radius: 55px;
    background-color: var(--azul);
    height: 470px;
}
.contenedor-compra a {
    cursor: auto;
}
.contenedor-compra:hover {
    transition: all .6s;
    transform: scale(1.05);
}
.contenedor-compra .imagen {
    height: 250px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 55px;
    border-top-right-radius: 55px;
}
.contenedor-compra .info {
    padding: 30px 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 200px;
}
.contenedor-compra .info p {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Barlow';
    color: var(--blanco);
    text-align: center;
}
/* ************ FIN PAGINA COMPRAS  ************ */


/* ************ PAGINA MODALIDAD  ************ */
.sec-modalidad {
    margin: 100px 0 !important;
    position: relative;
}
.sec-modalidad::after {
    position: absolute;
    content: '';
    background-image: url(../img/rectangulo.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    top: 0;
    width: 59px;
    height: 29px;
}
.sec-modalidad::before {
    position: absolute;
    content: '';
    background-image: url(../img/rectangulo.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    bottom: 0;
    width: 59px;
    height: 29px;
}
.contenedor-modalidad {
    width: 90%;
    margin: 0 auto;
}
.contenedor-modalidad h3 {
    font-size: 38px;
    font-weight: bold;
    color: var(--azul);
    text-transform: uppercase;
    font-family: 'Roboto';
    text-align: center;
    margin-bottom: 60px !important;
}
.grid-modalidad {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 100px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 100px !important;
}
.grid-modalidad .contenedor {
    position: relative;
    height: 270px;
}
.grid-modalidad .contenedor .imagen {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.grid-modalidad .contenedor .imagen::after {
    position: absolute;
    content: '';
    width: 100%;
    background-color: var(--azul-intranet);
    height: 10px;
    top: 0;
}
.grid-modalidad .contenedor .info {
    position: absolute;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.grid-modalidad .contenedor .info p {
    font-size: 30px;
    font-weight: normal;
    color: var(--blanco);
}
.grid-modalidad .contenedor:hover .info {
    transition: all .6s;
    opacity: 1;
    cursor: pointer;
}
/* ************ FIN PAGINA MODALIDAD  ************ */


/* ************ PAGINA CONTACTO  ************ */
.mod-contacto {
    margin-top: 100px !important;
}
/* ************ FIN PAGINA CONTACTO  ************ */


/* ************ PAGINA MI CUENTA  ************ */
.contenedor-cuenta {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.contenedor-cuenta .campo-cuenta {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 30%;
    margin-bottom: 30px;
}
.contenedor-cuenta .campo-cuenta img {
    width: 15%;
}
.contenedor-cuenta .campo-cuenta a {
    width: 90%;
    text-align: left;
    padding-left: 60px;
    font-size: 22px;
    font-family: 'Roboto';
    color: var(--azul-intranet);
}
.contenedor-cuenta .imagen-redonda img {
    width:300px;
    height:300px;
    border-radius:150px;
    border:15px solid var(--azul-intranet);
}
.contenedor-cuenta .imagen-redonda {
    margin-bottom: 30px;
}
.contenedor-cuenta .nombre {
    font-size: 41px;
    font-weight: 600;
    font-family: 'Segou Ui';
    color: var(--azul-intranet);
    margin-bottom: 25px !important;
}
.navegacion-intranet {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    display: none;
}
.navegacion-intranet button {
    background-color: var(--azul-intranet);
    color: var(--blanco);
    font-size: 15px;
    font-family: 'Rubik';
    font-weight: 600;
    border: none;
    border-radius: 25px;
    padding: 10px 30px;
}
.contacto-intranet {
    width: 90%;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 100px !important;
}
.contacto-intranet .contenedor {
    display: flex;
    flex-direction: column;
}
.contacto-intranet p {
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto';
    color: var(--azul-intranet);
    margin-bottom: 15px !important;
}
.contacto-intranet input {
    width: 60%;
    border-radius: 10px;
    padding: 15px;
    color: var(--azul);
    font-size: 15px;
    border: 1px solid var(--azul-intranet);
    margin-right: 75px;
}
.contacto-intranet input::placeholder {
    color: var(--azul);
}
.contacto-intranet button {
    font-size: 17px;
    color: var(--blanco);
    background-color: var(--boton-rojo);
    padding: 7px 30px;
    border: none;
    border-radius: 8px;
    padding-top: 10px;
}
/* ************ FIN PAGINA MI CUENTA  ************ */


/* ************ PAGINA MIS CLASES  ************ */
.mis-clases {
    width: 85%;
    margin: 0 auto;
    margin-top: 50px !important;
}
.mis-clases h3 {
    font-size: 23px;
    font-weight: normal;
    color: var(--azul);
    font-family: 'Roboto';
    margin-top: 30px !important;
    margin-bottom: 100px !important;
    display: none;
}
.mis-clases .flex-clases {
    display: flex;
    justify-content: space-between;
}
.flex-clases .imagen-redonda img {
    width:300px;
    height:300px;
    border-radius:150px;
    border:15px solid var(--azul-intranet);
    margin-bottom: 50px;
}
.perfil .campo-clase {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.perfil .campo-clase img {
    width: 10%;
}
.perfil .campo-clase a {
    margin-left: 40px;
    text-align: left;
    font-size: 23px;
    font-weight: normal;
    font-family: 'Roboto';
    color: var(--azul-intranet);
}
.perfil .campo-clase a:hover {
    transition: all .6s;
    transform: scale(1.05);
}
.padding-clase {
    margin-left: 45px;
}
.contenedor-clases {
    width: 40%;
}
.contenedor-clases .clase {
    display: flex;
}
.clase .imagen-clase img {
    width:180px;
    /* height:180px; */
    border:15px solid var(--azul-intranet);
    margin-bottom: 50px;
}
.clase .info {
    display: flex;
    flex-direction: column;
    margin-left: 50px;
    width: 50%;
}
.info .nombre {
    font-size: 33px;
    font-weight: bold;
    font-family: 'Segou Ui';
    color: var(--azul-intranet);
}
.info .fecha {
    margin: 20px 0;
    color: var(--azul-intranet);
    font-size: 20px;
    font-family: 'Segou Ui';
    font-weight: normal;
}
.info .btn-anular {
    display: flex;
    justify-content: flex-end;
}
.btn-anular a {
    display: flex;
    align-items: center;
    background-color: var(--boton-rojo);
    color: var(--blanco);
    font-size: 15px;
    font-weight: bold;
    font-family: 'Segou Ui';
    padding: 7px 35px;
    border-radius: 10px;
}
.btn-anular a:hover {
    transition: all .6s;
    transform: scale(1.05);
    color: #fff;
}
.btn-anular a span {
    margin-left: 10px;
}
/* ************ FIN PAGINA MIS CLASES  ************ */



/* ************ PAGINA NUEVA CLASE  ************ */
.clase-nueva {
    width: 85%;
    margin: 0 auto;
    margin-top: 70px !important;
}
.flex-clase-nueva {
    display: flex;
    justify-content: center;
}
.flex-clase-nueva .perfil h3 {
    font-size: 23px;
    font-weight: normal;
    color: var(--azul-intranet);
    font-family: 'Roboto';
    margin-bottom: 80px !important;
    display: none;
}
.campo-nueva-clase
{
    display:flex;
    margin:Auto;
    justify-content:Center;
    padding: 10px 0;
}
.perfil .campo-nueva-clase {
    /* margin-top: 45px; */
    display: flex;
    align-items: center;
    margin-left: 30px;
}
.campo-nueva-clase a {
    text-align: left;
    margin-left: 40px;
    font-size: 22px;
    font-weight: normal;
    font-family: 'Roboto';
    color: var(--azul-intranet);
    width: 160px;
}
.campo-nueva-clase a:hover, .campo-dato a:hover,
.campo-cuenta a:hover {
    transition: all .6s;
    transform: scale(1.05);
    cursor: pointer;
}
.campo-nueva-clase img {
    /* width: 10%; */
}
.flex-clase-nueva .perfil .imagen-redonda img {
    width:300px;
    height:300px;
    border-radius:150px;
    border: 1px solid #707070;
    background-color: var(--blanco);
    padding: 10px;
}
.contenedor-reserva {
    width: 55%;
}
.contenedor-reserva h5 {
    font-size: 45px;
    font-weight: bold;
    /* font-family: 'Segou Ui'; */
    color: #383838;
    margin-bottom: 30px !important;
}
.contenedor-reserva .campo-reserva {
    margin-bottom: 50px;
    width: 80%;
}
.contenedor-reserva .campo-reserva.tabla
{
  width:Fit-content;
}
.contenedor-reserva .subtitulo {
    font-size: 16px;
    font-weight: normal;
    font-family: 'Roboto';
    color: #4e4e4e;
    max-width: 590px;
    margin-bottom: 30px !important;
}
.campo-reserva.tabla img 
{
  max-height:400px;
  width: auto!important;
}
.contenedor-reserva .campo-reserva {
    display: flex;
    flex-direction: column;
}
.campo-reserva textarea::placeholder
{
  color:White;
}
.campo-reserva textarea
{
  width:100%;
  height:100px;
}
.campo-reserva input, .campo-reserva select,.campo-reserva textarea {
    padding: 14px 10px;
    background-color: #717171;
    color: var(--blanco);
    border: none;
    font-size: 15px;
    font-family: 'Roboto';
    font-weight: 400;
}
#Pol .modal-dialog
{
  max-width: 800px;
}
#Pol .modal-content
{
  padding:20px;
}
#Pol .modal-content p 
{
  margin:10px 0;
}
#Pol .modal-content h2 
{
  margin-top:30px;
}
#Politicas
{
  width: 23px;
  height:30px;
  background: initial;
  color: initial;
  -webkit-appearance: auto;
  margin-right: 10px;
  position: relative;
  top: 8px;
}
.cantidad input 
{
  width:50px;
  text-align:Center;
}
.cantidad label
{
  margin-right:20px;
}
.cantidad button
{
  background-color:transparent;
  border:none;
  font-size:30px;
  font-weight:bold;
  color:Red;
  position:relative;
  top:5px;
  margin:0 10px
}
.campo-reserva input, .campo-reserva select,.campo-reserva textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    margin-bottom: 10px;
}
.campo-reserva input[type="date"]::-webkit-inner-spin-button {
    opacity: 0;
}
.campo-reserva input[type="date"]::-webkit-calendar-picker-indicator {
    background: url(../img/calendario-3.svg) center/80% no-repeat;
    opacity: 1;
    font-size: 25px;
}
.campo-reserva label {
    font-size: 22px;
    font-weight: normal;
    font-family: 'Roboto';
    color: #464646;
    margin-bottom: 15px !important;
}
.contenedor-reserva form .ubicacion {
    font-size: 22px;
    font-weight: bold;
    font-family: 'Roboto';
    color: var(--azul-intranet);
    margin-bottom: 40px !important;
}
.tabla-horario thead tr {
    background-color: var(--azul-intranet);
}
.tabla-horario thead th {
    color: var(--blanco);
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
    border-right: 1px solid var(--blanco);
}
.tabla-horario thead th:last-of-type {
    border-right: none;
}
.campo-reserva .titulo-tabla {
    font-size: 17px;
    font-weight: bold;
    font-family: 'Roboto';
    color: var(--blanco);
    text-align: center;
    background-color: #223D7B;
    padding: 15px 0;
}
.tabla-horario tbody tr td {
    font-size: 16px;
    color: var(--blanco);
    font-weight: 600;
    font-family: 'Roboto';
    border-right: 1px solid var(--blanco);
    text-align: center;
    padding: 10px 0;
}
.tabla-horario tbody tr td:last-of-type {
    border-right: none;
}
.tabla-horario tbody tr:nth-child(1n) {
    background-color: #87A2E0;
}
.tabla-horario tbody tr:nth-child(2n) {
    background-color: #E37272;
}
.pago {
    font-size: 21px;
    font-weight: normal;
    font-family: 'Roboto';
    color: var(--azul-intranet);
    margin-bottom: 30px !important;
}
.campo-reserva .hora {
    display: flex;
    justify-content: space-around;
    width: 80%;
    flex-wrap: wrap;
}
.campo-reserva .hora button,.campo-reserva .hora a {
    background-color: var(--azul-intranet);
    color: var(--blanco);
    text-transform: uppercase;
    font-size: 23px;
    font-weight: bold;
    font-family: 'Roboto';
    border: none;
    border-radius: 25px;
    padding: 10px 30px;
    text-align:center;
    margin: 10px 0;
}
.campo-reserva .hora button, .campo-reserva .hora a span 
{
  display:block;
  font-size: 11px;
  font-weight:300;
  height: 30px;
  display: flex;
  align-items: center;
}
.campo-reserva .hora button[class=hora-activa] {
    background-color: var(--boton-rojo);
}
.pago {
    margin-bottom: 15px !important;
}
.campo-reserva .flex-opcion {
  
   
}
.flex-opcion > p, .flex-opcion > a {
    border: none;
    font-size: 23px;
    color: var(--blanco);
    font-weight: 600;
    font-family: 'Roboto';
    padding: 15px 70px;
    letter-spacing: 2px;
    background-color:red;
    display: block;
    width: fit-content;
    margin-top: 10px;
}
.flex-opcion p {
    background-color: var(--azul-intranet);
    margin-right: 15px;
}
.flex-opcion button {
    background-color: var(--boton-rojo);
    padding: 0 100px;
}
.flex-opcion p span 
{
  font-size:14px;
  font-weight:normal;
}
/* ************ FIN PAGINA NUEVA CLASE ************ */


/* ************  PAGINA UBICACION ************ */
.sec-ubicacion {
    width: 90%;
    margin: 0 auto;
}
.sec-ubicacion .opcion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}
.opcion form {
    display: flex;
    flex-direction: column;
    padding-right: 150px;
}
.sec-ubicacion .opcion p {
    font-size: 22px;
    color: var(--azul);
    font-weight: normal;
    font-family: 'Roboto';
}
.opcion form label {
    font-size: 18px;
    color: var(--azul-intranet);
    font-family: 'Roboto';
    font-weight: 600;
}
.opcion form input, .opcion form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-color: var(--azul-intranet);
    color: var(--blanco);
    border: none;
    padding: 10px;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 400;
}
.opcion form input[type="date"]::-webkit-inner-spin-button {
    opacity: 0;
}
.opcion form input[type="date"]::-webkit-calendar-picker-indicator {
    background: url(../img/calendario-3.svg) center/80% no-repeat;
    opacity: 1;
    font-size: 25px;
}
.grid-ubicacion {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 150px;
}
.seleccion-sala .titulo {
    font-size: 30px;
    font-weight: normal;
    font-family: 'Segou Ui';
    color: var(--azul-intranet);
    margin-bottom: 15px !important;
}
.borde-salas {
    width: fit-content;
    height: 320px;
    border-top: 10px solid var(--azul-intranet);
    border-left: 10px solid var(--azul-intranet);
    border-right: 10px solid var(--azul-intranet);
    position: relative;
}
.borde-salas::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 35%;
    height: 10px;
    background-color: var(--azul-intranet);
}
.borde-salas::after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 40%;
    height: 10px;
    background-color: var(--azul-intranet);
}
.borde-salas .primera-fila, .borde-salas .segunda-fila {
    display: flex;
    justify-content: center;
    align-items: center;
}
#Vitacura .borde-salas .segunda-fila
{
    justify-content: space-between;
}
#PuertoVaras .borde-salas .segunda-fila
{
    width:100%;
    justify-content:space-between;
}
#PuertoMontt .borde-salas .segunda-fila
{
    justify-content:space-between;
    width:92%;
}
#PuertoMontt .borde-salas .primera-fila
{
    width:90%;
}
#Tobalaba .borde-salas .segunda-fila
{
    justify-content:space-between
}
#Valdivia .borde-salas .segunda-fila
{
    /* margin-left:6% */
}
#Valdivia .borde-salas .primera-fila
{
    width: 78%;
    border-left:5px solid #0033a1;
    margin:Auto;
    border-right:5px solid #0033a1;
}
#Valdivia .segunda-fila .fila-izquierda
{
    width: 90%;
    margin-left: 10%;
    border-left:5px solid #0033a1;
}
#Tobalaba .borde-salas .primera-fila
{
    margin-left: 10%;
    border-left:5px solid #0033a1;
}
#PuertoMontt .borde-salas .primera-fila
{
    width: 92%;
    border-right:5px solid #0033a1;
}
.primera-fila a.noDisponible, .segunda-fila a.noDisponible
{background: #e02727;cursor: not-allowed;}
.primera-fila a.seleccionado, .segunda-fila a.seleccionado
{
    background-color:#55d255;
    transform:scale(1.3);
     border:5px solid #0033a1;
}
.profesor
{
    font-size:12px!important;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent!important;
}
.primera-fila a, .segunda-fila a {
    border-right: 5px solid var(--azul-intranet);
    text-align: center;
    width: 10%;
    padding: 30px 0;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Roboto';
    color: var(--azul-intranet);
    width: 50px!important;
    height: 100px;
    transition:0.5s;
}
.primera-fila a.disponible:Hover, .segunda-fila a.disponible:hover
{
    background-color:#55d255;
} 
#Valdivia .primera-fila a
{
    width:15%;
}
.primera-fila a[class=activo], .segunda-fila a[class=activo] {
    /* color: var(--blanco); */
    /* background-color: var(--boton-rojo); */
}
.primera-fila a[class=profesor] {
    font-size: 15px;
    padding: 40px 0;
}
.primera-fila a:last-of-type, .segunda-fila a:last-of-type {
    border-right: none;
    text-align: center;
}
.segunda-fila {
    margin-top: 50px;
}
#Nunoa .segunda-fila .fila-izquierda
{
    margin-left: 20%;
    border-left: 5px solid #0033a1;
}
#PuertoVaras  .segunda-fila .fila-derecha
{
    width:45%;
}
.segunda-fila .fila-izquierda, .segunda-fila .fila-derecha {
    width: 40%;
    display: flex;
}
#PuertoMontt .segunda-fila .fila-derecha
{
    border-right:5px solid #0033a1;
}
#Vitacura .segunda-fila .fila-izquierda, #Vitacura .segunda-fila .fila-derecha
{
    width:46%;
}
#Tobalaba .segunda-fila .fila-izquierda, #Tobalaba .segunda-fila .fila-derecha
{
    width: 46%;
}
#PuertoMontt .segunda-fila .fila-izquierda
{
    width:50%;
}
.segunda-fila .fila-izquierda a, .segunda-fila .fila-derecha a {
    width: 22%;
    border-top: 10px solid var(--azul-intranet);
}
.segunda-fila .fila-izquierda a:last-of-type {
    border-right: 5px solid var(--azul-intranet);
}
.segunda-fila .fila-derecha a:first-of-type {
    border-left: 5px solid var(--azul-intranet);
}
.seleccion-sala .disponilibidad {
    margin-left: 42%;
    margin-top: 25px;
}
.disponilibidad .texto {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.disponilibidad .texto p {
    font-size: 15px;
    font-weight: bold;
    color: var(--azul-intranet);
    font-family: 'Roboto';
    margin-left: 15px;
}
.flex-ubicacion {
    display: flex;
    column-gap: 50px;
}
.flex-ubicacion .tabla-horario {
    width: 70%;
}
.filas {
    padding: 50px 0;
    padding-left:20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 90px;
    min-width: 74px;
}
 .filas p {
    font-size: 19px;
    font-weight: bold;
    font-family: 'Rubik';
    color: var(--azul-intranet);
}
/* ************ FIN PAGINA UBICACION ************ */


/* ************ PAGINA INICIAR SESION ************ */
.sec-iniciar-sesion .flex {
    display: flex;
}
.flex .izq {
    background-color: var(--azul-intranet);
    width: 25%;
    position: relative;
}
.flex .izq::after, .flex .izq::after  {
    position: absolute;
    content: '';
    background-image: url(../img/logo-blanco.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 240px;
    height: 140px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.contenedor-iniciar-sesion {
    width: 75%;
    position: relative;
}
.contenedor-iniciar-sesion::after,
.contenedor-registro::after {
    position: absolute;
    content: '';
    background-image: url(../img/ola-derecha.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 1057px;
    width: 915px;
    right: 0;
    bottom: 0;    
    z-index: -1;
}
.contenedor-iniciar-sesion::before {
    position: absolute;
    content: '';
    background-image: url(../img/onda-arriba.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 107px;
    height: 85px;
    bottom: 0;
    left: 10%;
}
.contenedor-iniciar-sesion .imagenes,
.contenedor-registro .imagenes {
    display: flex;
    justify-content: space-between;
    /* margin-top: 40px; */
}
.contenedor-iniciar-sesion .imagenes img:first-of-type,
.contenedor-registro .imagenes img:first-of-type {
    margin-left: 50px;
}
.formulario-iniciar-sesion {
    width: 30%;
    margin: 0 auto;
}
.formulario-iniciar-sesion h4,
.formulario-registro h4 {
    font-size: 28px;
    font-weight: bold;
    font-family: 'Roboto';
    color: var(--azul-intranet);
}
.formulario-iniciar-sesion .subtitulo,
.formulario-registro .subtitulo {
    font-size: 15px;
    font-weight: normal;
    font-family: 'Roboto';
    color: var(--texto-parrafo);
    margin: 25px 0 !important;
    max-width: 400px;
}
.campo-iniciar {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    width: 100%;
}
.campo-iniciar label {
    font-size: 15px;
    font-weight: bold;
    font-family: 'Roboto';
    color: var(--texto-parrafo);
    margin-bottom: 10px !important;
}
.campo-iniciar .flex {
    display: flex;
    align-items: center;
}
.campo-iniciar .flex a {
    border: 1px solid #707070;
    border-left: none;
    padding: 10px;
    cursor: pointer;
    height: 45px;
}
.campo-iniciar .flex a .fa-eye, .campo-iniciar .flex a .fa-eye-slash {
    font-size: 21px !important;
    color: var(--texto-parrafo) !important;
}
.contenedor-iniciar-sesion .campo-iniciar input {
    border: 1px solid #707070;
    padding: 12px 10px;
    color: var(--texto-parrafo);
    font-size: 15px;
    width: 88%;
    height: 45px;
}
.contenedor-iniciar-sesion .campo-iniciar:first-of-type input {
    width: 100%;
}
.contenedor-iniciar-sesion .campo-iniciar input::placeholder {
    color: var(--texto-parrafo);
}
.contenedor-iniciar-sesion .boton-iniciar button,
.contenedor-registro .boton-iniciar button {
    background-color: var(--azul-intranet);
    color: var(--blanco);
    padding: 7px 0px;
    font-size: 31px;
    font-weight: bold;
    font-family: 'Roboto';
    border: none;
    border-radius: 10px;
    width: 100%;
}
.contenedor-iniciar-sesion a[class=olvidado] p,
.contenedor-registro a[class=olvidado] p  {
    font-size: 14px;
    font-family: 'Segou Ui';
    font-weight: 600;
    color: var(--azul-intranet) !important;
    text-align: center;
    margin-top: 30px !important;
}
.contenedor-iniciar-sesion .barra-inicio,
.contenedor-registro .barra-inicio {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    width: 30%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}
.barra-inicio p {
    font-size: 14px;
    font-weight: 'Segou Ui';
    font-weight: 600;
    color: #E9C3FB;
}
.contenedor-iniciar-sesion .redes {
    display: flex;
    flex-direction: column;
    padding-left: 35%;
    padding-right: 35%;
    position: relative;
}
.contenedor-iniciar-sesion .redes::after {
    position: absolute;
    content: '';
    background-image:  url(../img/triangulo.svg);
    background-repeat: no-repeat;
    width: 65px;
    height: 66px;
    right: 20%;
    top: 0;
    z-index: -1;
}
.redes a {
    padding: 10px;
    border: 1px solid #817D7D;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.redes a img {
    width: 10%;
}
.redes a span {
    width: 90%;
    margin-left: 25%;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Segou Ui';
    text-transform: uppercase;
    color: #949494;
}
.contenedor-iniciar-sesion .sin-cuenta {
    width: 30%;
    margin: 0 auto;
    font-size: 17px;
    font-family: 'Segou Ui';
    color: #ADADAD !important;
    font-weight: normal;
    text-align: center;
}
.contenedor-iniciar-sesion .sin-cuenta a:hover, 
.contenedor-registro .sin-cuenta a:hover {
    transition: all .6s;
    transform: scale(1.05);
}
.contenedor-iniciar-sesion .sin-cuenta a,
.contenedor-registro .sin-cuenta a  {
    color: var(--azul-intranet);
    font-weight: bold;
    margin-left: 17px !important;
}
.contenedor-iniciar-sesion .btn-navegacion,
.contenedor-registro .btn-navegacion {
    width: 30%;
    margin: 0 auto;
    margin-top: 100px !important;
    margin-bottom: 100px !important;
    text-align: center;
}
.contenedor-iniciar-sesion .btn-navegacion button,
.contenedor-registro .btn-navegacion button {
    background-color: #223D7B;
    color: var(--blanco);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 25px;
    border: none;
    border-radius: 25px;
    margin: 0 auto;
}
/* ************ FIN PAGINA INICIAR SESION ************ */


/* ************ PAGINA REGISTRAR ************ */
.contenedor-registro .barra-inicio {
    width: unset !important;
}
.contenedor-registro { 
    position: relative;
}
.sec-registro .flex {
    display: flex;
}
.contenedor-registro::before {
    position: absolute;
    content: '';
    background-image: url(../img/onda-arriba.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 107px;
    height: 85px;
    bottom: 0;
    left: 10%;
}
.flex .izq {
    background-color: var(--azul-intranet);
    width: 25%;
    position: relative;
}
.contenedor-registro {
    width: 75%;
    position: relative;
}
.formulario-registro {
    padding-left: 35%;
    padding-right: 35%;
    position: relative;
}
.contenedor-registro.campo-iniciar {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    width: 100%;
}
.contenedor-registro .campo-iniciar label {
    font-size: 15px;
    font-weight: bold;
    font-family: 'Roboto';
    color: var(--texto-parrafo);
    margin-bottom: 10px !important;
}
.contenedor-registro .campo-iniciar .flex {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.contenedor-registro .campo-iniciar .flex input {
    width: 90%;
}
.contenedor-registro .campo-iniciar .flex a {
    border: 1px solid #707070;
    border-left: none;
    padding: 11px;
    cursor: pointer;
}
.contenedor-registro .campo-iniciar .flex a .fa-eye, .contenedor-registro .campo-iniciar .flex a .fa-eye-slash {
    font-size: 21px !important;
    color: var(--texto-parrafo) !important;
}
.contenedor-registro .campo-iniciar input {
    border: 1px solid #707070;
    padding: 12px 10px;
    color: var(--texto-parrafo);
    font-size: 15px;
    width: 100%;
}
.contenedor-registro .campo-iniciar input::placeholder {
    color: var(--texto-parrafo);
}
.contenedor-registro .redes {
    display: flex;
    flex-direction: column;
}
.contenedor-registro .sin-cuenta {
    margin: 0 auto;
    font-size: 14px;
    font-family: 'Segou Ui';
    color: #ADADAD !important;
    font-weight: bold;
    text-align: center;
}
.contenedor-registro .texto {
    font-size: 14px;
    font-weight: normal;
    font-family: 'Segou Ui';
    color: #ADADAD;
    margin: 25px 0 !important;
    text-align: justify;
}
/* ************ FIN PAGINA REGISTRAR ************ */


/* ************ PAGINA HORARIO Y PRECIO ************ */
.sec-calendario {
    width: 90%;
    margin: 0 auto;
}
.sec-calendario .flex {
    display: flex;
    justify-content: space-between;
}
.sec-calendario .sede {
    display: flex;
    align-items: center;
}
.sede .titulo-sede {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Roboto';
    color: var(--azul-intranet);
    text-transform: uppercase;
    padding-left: 20px;
}
.sec-calendario .fecha {
    display: flex;
    flex-direction: column;
}
.sec-calendario .fecha .dropleft .dropdown-item {
    width: 500px;
    padding: 0;
}
.sec-calendario .fecha .dropleft .dropdown-item .tabla-horario {
    width: 100%;
}
.sec-calendario .dropleft .dropdown-toggle::before {
    display: none;
}
.sec-calendario .dropleft.show .overplay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(52, 52, 52, 40%);
}
.fondo-oscuro {
    position: relative;
}
.sec-calendario .dropleft.show .dropdown-menu {
    padding: 0;
}
.sec-calendario .fecha p {
    font-size: 22px;
    font-weight: normal;
    font-family: 'Roboto';
    color: var(--azul-intranet);
    margin-bottom: 15px !important;
}
.sec-calendario .dropright .dropdown-toggle::after {
    display: none !important;
}
.sec-calendario .dropright .dropdown-menu {
    border: 15px;
}
.overplay-horario {
    display: none;
}
.sec-calendario .dropright.show .overplay {
    /* position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10; */
    
}
#overplay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
}
.sec-calendario .dropright .dropdown-item {
    text-transform: uppercase;
    color: var(--azul-intranet);
    font-size: 20px;
    font-weight: normal;
    font-family: 'Roboto';
    border-bottom: 1px solid #54649F;
    padding: 10px 60px 10px 30px;
}
.sec-calendario .dropright .dropdown-item:last-of-type {
    border-bottom: none;
}
.sec-calendario .flex-calendario {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.flex-calendario .numero-fecha {
    width: 25%;
}
.flex-calendario .calendario {
    width: 75%;
}
.circulo {
    height: 250px;
    width: 250px;
    background-color: var(--boton-rojo);
    border-radius: 100%;
    display: inline-block;
    position: relative;
}
.circulo .texto {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.circulo .texto p {
    text-align: center;
    color: var(--blanco);
    font-family: 'Roboto';
}
.circulo .texto p:first-of-type {
    font-size: 80px;
    font-weight: bold;
}
.circulo .texto p:last-of-type {
    font-size: 30px;
    font-weight: 600;
}
.sec-calendario .btn-guardar {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    margin: 70px 0;
}
.sec-calendario .btn-guardar button {
    background-color: var(--boton-rojo);
    color: var(--blanco);
    font-size: 17px;
    font-weight: bold;
    font-family: 'Rubik';
    border: none;
    border-radius: 25px;
    padding: 10px 25px;
}
.sec-precios {
    width: 85%;
    margin: 0 auto;
}
.sec-precios h5 {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Roboto';
    text-transform: uppercase;
    color: #686868;
    margin-bottom: 20px !important;
}
.sec-precios .grid-tabla-precio {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 90px;
}
.grid-tabla-precio .table-sm {
    width: 100%;
}
.sec-precios .titulo-tabla {
    color: var(--blanco);
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--azul-intranet);
    padding: 10px 15px;
}
.tabla-precio tr td {
    font-size: 16px;
    font-weight: normal;
    font-family: 'Roboto';
    color: #686868;
    border-left: 1px solid #686868;
    border-bottom: 1px solid #686868;
    border-right: 1px solid #686868;
    width: 50%;
    padding: 10px 0 10px 30px;
}
.grid-tabla-precio .subtitulo {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-family: 'Roboto';
    color: #686868;
    margin-top: 30px !important;
}
.estudiantes .mensaje {
    font-size: 15px;
    font-weight: bold;
    font-family: 'Roboto';
    text-transform: uppercase;
    color: #686868;
    margin-top: 30px !important;
}
/* ************ FIN PAGINA HORARIO Y PRECIO ************ */


/* ************ PAGINA MIS DATOS ************ */
.contenedor-datos {
    width: 55%;
}
.mis-datos {
    width: 85%;
    margin: 0 auto;
    margin-top: 70px !important;
}
.mis-datos h3 {
    font-size: 23px;
    font-weight: normal;
    color: var(--azul);
    font-family: 'Roboto';
    margin-top: 30px !important;
    margin-bottom: 100px !important;
    display: none;
}
.mis-datos .flex-datos {
    display: flex;
    justify-content: space-between;
}
.flex-datos .imagen-redonda img {
    width:300px;
    height:300px;
    border-radius:150px;
    border: 1px solid #707070;
    background-color: var(--blanco);
    padding: 10px;
    margin-bottom: 30px;
}
.contenedor-datos h5 {
    font-size: 45px;
    font-weight: bold;
    /* font-family: 'Segou Ui'; */
    color: #383838;
    margin-bottom: 30px !important;
}
.contenedor-datos .subtitulo {
    font-size: 16px;
    font-weight: normal;
    font-family: 'Roboto';
    color: #4e4e4e;
    max-width: 430px;
    margin-bottom: 30px !important;
}
.campo-datos {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.botong
{
    justify-content:flex-end;
    padding-right: 24%;
}
.campo-datos button[type="submit"]
{background-color: #f50a01;color: var(--blanco);font-size: 15px;font-family: 'Rubik';font-weight: 600;border: none;border-radius: 25px;padding: 10px 30px;/* float:right; */}

.campo-datos label {
    width: 20%;
    font-size: 22px;
    font-weight: normal;
    font-family: 'Roboto';
    color: #464646;
    margin-bottom: 15px !important;
}
.campo-datos .input {
    width: 80%;
}
.campo-datos input {
    width: 70%;
    padding: 14px 10px;
    background-color: #717171;
    color: var(--blanco);
    border: none;
}
.campo-datos .flex-rut {
    display: flex;
    column-gap: 20px;
}
.campo-datos .flex-rut input:first-of-type {
    width: 70%;
}
.campo-datos .flex-rut input:last-of-type,
.campo-datos .flex-rut img {
    /* width: 7%; */
}
.campo-datos input::placeholder {
    color: var(--blanco);
}
.mis-datos .navegacion-intranet {
    margin-top: 70px !important;
}
/* ************ FIN PAGINA MIS DATOS ************ */


/* ************ PAGINA RECUPERAR CONTRASEÑA ************ */
#BgLogin h1 {
    font-size: 35px;
    color: var(--azul-intranet);
    font-family: 'Roboto';
}
#BgLogin .hoja {
    margin-top: 50px;
    margin-bottom: 50px;
}
#BgLogin p {
    font-size: 15px;
    color: var(--texto-parrafo);
    font-family: 'Roboto';
    margin: 20px 0 !important;
}
#BgLogin #login {
    display: flex;
    align-items: center;
}
#BgLogin #login input {
    padding: 5px;
    color: var(--texto-parrafo);
    font-size: 15px;
}
#BgLogin #login button {
    border: none;
    border-radius: none;
    background-color: var(--azul-intranet);
    color: var(--blanco);
    font-size: 15px;
    padding: 7px 10px;
}
#BgLogin #login a {
    color: var(--azul-intranet);
    font-weight: bold;
    font-size: 15px;
    margin-left: 15px;
    text-transform: uppercase;
}
/* ************ FIN PAGINA RECUPERAR CONTRASEÑA ************ */



/* SIDEBAR */
.navbar {
    display: none !important;
}
.navbar-nav {
    text-align: center;
}
.navbar-nav  a {
    margin-bottom: 2% !important;
    font-size: 15px;
    color: var(--gris);
    text-transform: uppercase;
}
.navbar-collapse {
    background-color: var(--blanco) !important;
}
.dato .campo-dato {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.dato .campo-dato img {
    width: 10%;
}
.dato .campo-dato a {
    margin-left: 40px;
    text-align: left;
    font-size: 23px;
    font-weight: normal;
    font-family: 'Roboto';
    color: var(--azul-intranet);
}
/* FIN SIDEBAR */

/* MEDIAQUIERIES */

/* COMPUTADOR */
@media (min-width: 768px) {
    .grid-compra {
        width: 80%;
        margin: 0 auto;
    }
}

/* TABLET */
@media (max-width: 768px) {
    .barra {
        display: none !important;
    }
    .flex-barra, .navbar {
        width: 100%;
        padding: 15px;
    }
    .contenedor-reserva .campo-reserva.tabla {
      width:70%;
      margin:Auto;
      margin-bottom:30px;
    }
    .flex-barra {
        display: flex;
        justify-content: space-between;
    }
    .navbar {
        padding: 0 !important;
        display: unset !important;
    }
    .navbar-nav a {
        margin-bottom: 10px !important;
    }
    .navbar-nav a:first-of-type {
        margin-top: 10px !important;
    }
    .navbar-nav a:last-of-type {
        margin-bottom: 10px !important;
    }
    .navbar-nav {
        display: flex;
        flex-direction: column;
    }
    .sec-slider-home {
        display: block;
    }
    .sec-slider-home .redes-sociales {
        flex-direction: row;
    }
    .contenedor-home .grid-nosotros,
    .footer .grid-footer, .preguntas-home .grid-preguntas {
        grid-template-columns: repeat(1,1fr);
    }
    .contenedor-slider-home {
        padding-left: 0;
        margin: 0 auto;
    }
    .sec-slider-home .redes-sociales {
        display: block;
        text-align: center;
        margin-bottom: 25px;
    }
    .barra-red-social {
        display: none;
        width: 100%;
    }
    .contenedor-slider-home .owl-controls {
        display: block !important;
    }
    .sec-sedes .subtitulo {
        width: 90%;
    }
    .navbar-brand img {
        height: 60px;
    }
    .contenedor-cuenta .campo-cuenta {
        width: 90%;
    }
    .mis-clases .flex-clases, .flex-clase-nueva {
        flex-direction: column;
    }
    .flex-clases .perfil, .flex-clase-nueva .perfil {
        margin: 0 auto;
    }
    .contenedor-clases, .contenedor-reserva {
        width: 100%;
        margin-top: 30px;
    }
    .mis-clases h3, .mis-datos h3 {
        margin-bottom: 50px !important;
    }
    .padding-clase {
        margin-left: 28px !important;
    }
    .flex-opcion p, .flex-opcion button {
        font-size: 20px;
    }
    .contenedor-reserva .campo-reserva {
        width: 100%;
    }
    .grid-ubicacion {
        grid-template-columns: repeat(1,1fr);
    }
    .borde-salas {
        width: 90%;
    }
    .opcion form {
        padding-right: 0;
    }
    .flex-ubicacion .tabla-horario {
        width: 80%;
    }
    .sec-ubicacion .opcion {
        margin-bottom: 30px;
    }
    .sec-iniciar-sesion .flex, .flex-datos {
        flex-direction: column;
    }
    .flex .izq {
        width: 100%;
        height: 100px;
    }
    .flex .izq::after, .flex .izq::after {
        height: 70px;
        background-position: center;
    }
    .contenedor-iniciar-sesion, .contenedor-registro,
    .sec-registro .flex {
        width: 100%;
    }
    .formulario-iniciar-sesion,
    .contenedor-iniciar-sesion .sin-cuenta {
        width: 60%;
    }
    .contenedor-iniciar-sesion .redes,
    .formulario-registro {
        padding: 0 20%;
    }
    .contenedor-iniciar-sesion .redes::after {
        right: 5%;
        z-index: 1;
    }
    .campo-iniciar .flex {
        flex-direction: row !important;
    }
    .contenedor-iniciar-sesion .boton-iniciar button, .contenedor-registro .boton-iniciar button {
        font-size: 25px;
    }
    .contenedor-registro .campo-iniciar .flex input {
        width: 89%;
    }
    .circulo {
        width: 200px;
        height: 200px;
    }
    .sec-precios .grid-tabla-precio {
        grid-template-columns: repeat(2,1fr);
        column-gap: 50px;
    }
    .grid-tabla-precio .subtitulo {
        margin-bottom: 25px !important;
    }
    .dato .campo-dato img {
        width: 10%;
    }
    .flex-datos .dato {
        margin: 0 auto;
    }
    .contenedor-datos {
        margin-top: 20px;
        width: 100%;
    }
    .contenedor-datos h5 {
        font-size: 40px;
    }
    .mis-datos {
        margin-top: 30px !important;
    }
    .contenedor-imagen-carousel {
        height: 450px;
    }
    .contenedor-slider-home .owl-next {
        right: 0;
    }
    .contenedor-slider-home .owl-prev {
        left: 0;
    }
    .contenedor-imagen-carousel .info-carousel button {
        font-size: 17px;
    }
    .sec-slider-home .redes-sociales a {
        margin-right: 20px;
    }
    .sec-slider-home .redes-sociales a:last-of-type {
        margin-right: 0px;
    }
    .contenedor-frecuentes .subtitulo {
        width: 100%;
    }
    .titulo-pregunta {
        padding: 30px !important;
    }
    .titulo-pregunta a img {
        height: 70px;
    }
    .titulo-pregunta p {
        font-size: 18px !important;
    }
    .grid-nosotros img, .grid-preguntas img, 
    .grid-footer img, .info-carousel img {
        width: 70%;
        margin: 0 auto;
    }
    .grid-compra, .grid-modalidad {
        grid-template-columns: repeat(1,1fr);
    }
    .contenedor-compra {
        margin-bottom: 40px;
    }
    .compra {
        width: 90%;
    }
    .grid-modalidad .contenedor {
        margin-bottom: 20px;
    }
    .grid-modalidad {
        padding-bottom: 0px !important;
    }
    .contenedor-imagen-carousel::after {
        width: 200px;
        left: 25%;
    }
}

/* CELULAR */
@media (max-width: 468px) {
    .compra {
        margin-bottom: 0 !important;
        margin-top: 50px !important;
    }
    .seleccion-sala
    {
      min-width:500px;
      /* padding-right: 20px; */
    }
    .seleccion-sala .flex
    {
      flex-direction: row-reverse!important;
      flex-wrap: nowrap;
    }
    .seleccion-sala .flex .filas
    {
      width: 10%;
    }
    .campo-reserva .hora button, .campo-reserva .hora a
    {
      padding:5px 15px;
    }
    .contenedor-compra .info p {
        font-size: 20px;
    }
    .contenedor-compra {
        height: 370px;
    }
    .contenedor-compra .imagen {
        height: 150px;
    }
    .contenedor-sedes {
        margin-top: 50px !important;
    }
    .contenedor-slider-sede .owl-pagination {
        left: 40%;
    }
    .preguntas-frecuentes {
        margin: 50px 0;
    }
    .contenedor-slider-home .carousel-control-next-icon, .contenedor-slider-home .carousel-control-prev-icon {
        height: 70px;
        width: 70px;
    }
    .titulo-pregunta p {
        font-size: 16px !important;
    }
    .contenedor-frecuentes .subtitulo, 
    .sec-sedes .subtitulo {
        font-size: 14px;
    }
    .contenedor-frecuentes h3, .formulario-sede select {
        font-size: 30px;
    }
    .flex-frecuentes {
        flex-direction: column;
    }
    .preguntas-frecuentes .tarjeta {
        width: 100%;
    }
    .campo-footer input, .contenedor-slider-home {
        width: 100%;
    }
    .bloque-usuario {
        width: 210px;
    }
    .bloque-usuario .logo-bloque {
        height: 60px;
    }
    .bloque-usuario .campo-sesion a {
        font-size: 17px;
    }
    .mis-datos {
        width: 90%;
    }
    .campo-datos .flex-rut input:last-of-type, .campo-datos .flex-rut img {
        width: 15%;
    }
    .campo-datos input, .campo-datos .flex-rut {
        width: 100%;
    }
    .campo-datos {
        align-items: flex-start;
    }
    .campo-datos label {
        font-size: 18px;
    }
    .circulo .texto p:last-of-type {
        font-size: 25px;
    }
    .sede .dropright a img, .fecha .dropleft a img {
        height: 40px;
    }
    .sede .titulo-sede{ 
        font-size: 22px;
    }
    .ilimitados {
        margin-bottom: 20px;
    }
    .sec-precios .grid-tabla-precio, .grid-compra {
        grid-template-columns: repeat(1,1fr);
    }
    .circulo {
        width: 170px;
        height: 170px;
    }
    .circulo .texto p:first-of-type {
        font-size: 40px;
    }
    .contenedor-registro .barra-inicio {
        width: 40% !important;
        margin: unset;
        column-gap: 30px;
    }
    .formulario-iniciar-sesion h4, .formulario-registro h4 {
        font-size: 25px;
        margin-top: 20px;
    }
    .contenedor-iniciar-sesion .redes, .contenedor-iniciar-sesion .redes,
     .formulario-registro {
        padding: 0 5%;
    }
    .contenedor-iniciar-sesion .sin-cuenta {
        font-size: 15px;
    }
    .contenedor-iniciar-sesion .btn-navegacion,
     .contenedor-registro .btn-navegacion {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
        width: 70%;
    }
    .contenedor-iniciar-sesion .campo-iniciar input,
    .contenedor-registro .campo-iniciar .flex input {
        width: 86%;
    }
    .contenedor-iniciar-sesion .boton-iniciar button,
     .contenedor-registro .boton-iniciar button {
        font-size: 20px;
    }
    .formulario-iniciar-sesion, .contenedor-iniciar-sesion .sin-cuenta {
        width: 90%;
    }
    .contenedor-iniciar-sesion .imagenes, .contenedor-registro .imagenes,
    .contenedor-iniciar-sesion .redes::after, .contenedor-iniciar-sesion::before,
    .contenedor-registro::before, .sec-sedes::after, .sec-modalidad::after {
        display: none;
    }
    .flex-ubicacion {
        margin-top: 30px;
    }
    .body-ubicacion {
        width: 600px;
    }
    .campo-reserva .pago {
        text-align: center;
    }
    .navegacion-intranet {
        margin-top: 0 !important;
        width: 95%;
    }
    .perfil .campo-nueva-clase {
        margin-top: 25px;
    }
    .campo-reserva .hora {
        width: 100%;
        text-align: center;
        flex-direction: row!important;
    }
    .campo-reserva .hora button {
        width: 45% !important;
        margin: 0 auto;
    }
    .contenedor-reserva h5, .contenedor-datos h5 {
        font-size: 35px;
    }
    .clase-nueva {
        margin-top: 50px !important;
        width: 95%;
    }
    .campo-hora {
        margin: 0 auto;
    }
    .flex-clase-nueva .perfil h3 {
        margin-bottom: 50px !important;
    }
    .campo-reserva .hora button,
    .flex-opcion p, .flex-opcion button {
        font-size: 18px;
        padding: 10px;
        margin-bottom: 10px !important;
        text-align: center;
        width: 100%;
    }
    .copyright .flex, .campo-reserva .hora,
    .campo-reserva .flex-opcion, .sec-calendario .flex-calendario,
    .campo-datos {
        flex-direction: column;
    }
    .copyright .texto {
        margin: 15px 0;
    }
    .padding-clase {
        margin-left: 18px !important;
    }
    .clase .info {
        margin-left: 30px;
    }
    .info .fecha {
        font-size: 15px;
    }
    .info .nombre {
        font-size: 25px;
    }
    .contenedor-cuenta, .contenedor-reserva {
        width: 95%;
        margin-top: 30px;
    }
    .contacto-intranet {
        width: 95%;
        margin: 0 auto;
    }
    .contacto-intranet .contenedor input {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0px;
    }
    .contacto-intranet .contenedor button {
        margin-left: 65%;
    }
    .contenedor-cuenta .nombre {
        font-size: 35px;
    }
    .contenedor-cuenta .imagen-redonda img,
    .flex-clases .imagen-redonda img,
    .flex-clase-nueva .perfil .imagen-redonda img,
    .flex-datos .imagen-redonda img {
        height: 200px;
        width: 200px;
    }
    .contenedor-cuenta .campo-cuenta img {
        width: 10%;
    }
    .contenedor-cuenta .campo-cuenta a,
    .perfil .campo-clase a, .campo-nueva-clase a {
        font-size: 20px;
    }
    .nosotros-home::after, .nosotros-home::before {
        display: none;
    }

    .contenedor-imagen-carousel .imagen-carousel {
        height: 500px;
    }
    .contenedor-imagen-carousel .info-carousel button {
        font-size: 16px;
    }
    .sec-slider-home .redes-sociales a {
        padding: 0;
    }
    .flecha-home {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    .nosotros-home h3 {
        font-size: 35px;
    }
    .nosotros-home .texto p, .preguntas-home .texto p {
        font-size: 19px;
    }
    .nosotros-home .texto .leer-mas a,
    .preguntas-home .grid-preguntas .leer-mas a {
        font-size: 24px;
    }
    .preguntas-home .texto h3 {
        font-size: 25px;
    }
    .grid-footer .contenedor-formulario h3 {
        font-size: 35px;
        text-align: center;
    }
    .footer .contenedor-formulario {
        margin: 30px 0;
    }
    .nosotros-home {
        margin: 30px 0;
    }
    .preguntas-home {
        margin: 40px 0;
    } 
    .flex-barra .navbar-brand img {
        width: 100px;
    }
}












/* QR */
.filtrosP
{
  display:flex;
  margin:20px 0;
}
.filtrosP > *
{
  margin-right:20px;
  padding: 10px 0;
  text-align: center;
}
.filtrosP button
{
  background-color:#002891;
  color:white;
  border:None;
  padding:10px 30px;
  border-radius:10px;
}
.filtrosP input,.filtrosP select
{
  padding:10px;
  margin-left:10px;
  display: block;
}
/*****/