@import url("icons.css");
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200..900&display=swap');
@import url("menu.css"); 

body,html {
    overflow-x:hidden;
    font-family: "Source Sans 3", sans-serif;
    font-size:13pt;
    font-optical-sizing: auto;
    font-weight:400;
    font-style: normal;}
    
:root {
    --color-aqua-claro:rgb(139, 225, 183);
    --color-aqua-claro-hover:rgba(139, 225, 183,0.3);
    --color-aqua-oscuro:#2F7A85;
    --color-aqua-oscuro-transp:rgba(47, 122, 133,0.5);
    --color-pumpkin:rgba(255, 165, 120, 0.754);
    --color-crema:#E2DDD3;
     --color-crema-transp:rgba(226, 221, 211,0.9);
    --color-gris-claro:#E4DCD6;
    --color-gris-oscuro:rgba(90,90,90,0.25);
    --color-azul:rgb(2, 58, 88);
    --color-costo-promo:rgb(169, 70, 0);
    --fondo-menu:rgba(47, 122, 133,0.9);
}

a,a:link,a:active { text-decoration:none; }
table tr td{background-color:transparent!important;}
.sombra {box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);}

/* LOADER  */
#loader { width:100%;height:100%;z-index:9999;display:none; }
.loader { margin:auto;width:50px;aspect-ratio:1;display:grid;border:4px solid #0000;border-radius:50%;border-color:var(--color-aqua-claro-hover) #0000;animation: l16 1s infinite linear;}
.loader::before,
.loader::after {content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%;}
.loader::before {border-color:var(--color-aqua-claro) var(--color-aqua-claro);animation:inherit;animation-duration:.5s;animation-direction:reverse;}
.loader::after {margin:8px;}
@keyframes l16 {100%{transform: rotate(1turn)}}

.modal-body {
    background-image:url('../imgs/fondo_contenidos.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    text-align:justify;
}
.modal-content {position:relative;}

.icono_loader { width:60px;height:auto;object-fit:cover; }
.btn_inactivo { pointer-events:none;color:var(--color-crema); }

.btn-close { float:right;font-size:1.3em!important;padding:30px;font-weight:700!important;transition:.4s; }
.btn-close_:hover {font-size:1.6em;font-weight:900!important;rotate:90deg;scale:1.4;}


header {
    position:relative;
    background:url('../imgs/header-pic-2026.jpg') no-repeat top center;
    width:100%;height:400px;background-size:cover;overflow:hidden;}
#header-over{
    width:100%;height:600px;
    position:absolute;
    top:-400;
    z-index:2;
    background:url('../imgs/header-over.png') no-repeat center center;
    background-size:cover;
    transition:all 2.3s linear;
}
#header-over-internas{
    width:100%;height:180px;
    position:absolute;
    z-index:2;
    background:url('../imgs/header-over.png') no-repeat center center;
    background-size:cover;
    transition:all 2.3s linear;
}
#header-over1{
    pointer-events:none;
    background:#000;
    opacity:1;
    width:100%;height:1400px;
    position:absolute;
    z-index:10;
    transition:all 1s linear;
}

#header-over.escalar {
  height:700px;
  top:-200px;
  opacity:0.35;
}
#header-over1.escalar {
  /*transform: scale(1.2);*/
  opacity:0;
}
#header-over-internas.escalar {
  height:180px;
  opacity:0.5;
}

.header_internas_h {
    position:relative;
    background:url('../imgs/header_internas_h.jpg') no-repeat top center;
    width:100%;height:180px;background-size:cover;overflow:hidden;
}

.header_internas_m {
    position:relative;
    background:url('../imgs/header_internas_m.jpg') no-repeat top center;
    width:100%;height:180px;background-size:cover;overflow:hidden;
}
.icon-menu { font-size:1.8em;color:#000;margin-left:8px; }
.icon-menu:hover { color:var(--color-aqua-claro);cursor:pointer; }

.menu { position:fixed;text-align:right;z-index:100;height:46px;width:100%;
        background-color:var(--color-aqua-oscuro);color:var(--color-crema);
        font-size:1em;font-weight:500;padding:8px 20px;transition:all .8s linear;border:0;/*margin-left:26px;*/ }
.menu_icono { color:var(--color-aqua-claro); }
.redes {position:absolute;right:40px;top:20px;z-index:99;}
.redes_tag{text-shadow:3px 3px #000;font-size:1.2em;color:var(--color-aqua-claro);}
.icono_redes { font-size:1.6em; }
.liga_menu { font-weight:400;color:var(--color-crema-transp);margin-bottom:8px;transition:all .2s linear; }
.liga_menu:hover { font-weight:400;color:var(--color-aqua-claro); }

.logo {position:absolute;z-index:4;left:3%;top:5%;color:#FFF;font-size:1.3em;font-weight:600;padding:12px 40px;}
.logo:hover, .stickybar:hover { cursor:pointer; }
.logo_top { height:6em;width:auto;object-fit:cover;z-index:20 }
.logo_top_internas { height:4.6em;width:auto;object-fit:cover;z-index:20 }
.logo_login { height:auto;width:60%;object-fit:cover; }

.stickybar { display:none;position:absolute;left:20px;top:0px;transition:all .8s linear;padding:4px; }
.logo_sticky { height:30px;width:auto;object-fit:cover;transition:all .8s linear;opacity:0.8;}        

.botones_box { position:relative; }
.botones_black { background-color:#000;width:100%;height:50px;}
.botones { width:100%;z-index:9;position:absolute;margin:auto; }

.popup{width:auto;height:500px;object-fit:cover;}

.tag_cancelado {border-radius:12px;background-color:var(--color-costo-promo);color:#fff;font-style:italic; }
.avisos_box{background-color:var(--color-aqua-claro);color:var(--color-aqua-oscuro);font-size:1.8em;font-weight:700;padding:30px;text-align:center;}

.circulo_programa { opacity:1;transition:all 0.3s linear;border-radius:50%;width:100px;height:100px;padding:16px;background-color:var(--color-aqua-oscuro);text-align:center; }
.icono_programa { transition:all 0.2s linear;margin-top:6px;width:auto;height:50px;object-fit:cover;text-align:center;color:var(--color-crema); }
.icono_programa_txt { transition:all .2s linear;font-size:1.1em;font-weight:600;color:var(--color-azul);text-align:center; }
.boton_programa { display:flex;align-items:center;flex-direction:column;justify-content:center;}
.circulo_programa:hover { background-color:var(--color-azul);cursor:pointer;transform:scale(1.1,1.1);margin-top:-6px; }
._circulo_programa:hover ~ .icono_programa{ transform:scale(10);margin-top:18px; }
.circulo_programa:hover ~ .icono_programa_txt{ color:var(--color-aqua-oscuro);transform:scale(1.1,1.1);margin-top:8px; }

.actividades { 
    width:100%;min-height:500px;
    background: #E2DDD3;
    background: linear-gradient(180deg,rgba(226, 221, 211, 1) 25%, rgba(2, 58, 88, 1) 70%);
}

.horarios {color:#FFF!important;text-align:left;}
.actividades_row:hover {background-color:var(--color-aqua-claro-hover)!important;cursor:pointer;}
.actividades_box { background-color:var(--color-aqua-oscuro-transp);color:#FFF;font-size:1em;font-weight:400;text-align:center;padding:6px;}
.actividades_box_internas { background-color:rgba(254,254,254,0.2);color:#000;font-size:1em;font-weight:400;text-align:center;padding:6px;}

.actividades_tit { background-color:var(--color-aqua-claro);color:var(--color-azul);font-size:1.2em;font-weight:700;padding:4px 12px;
                    border-top-left-radius:16px;border-top-right-radius:16px;
                    -webkit-border-top-left-radius:16px;-webkit-border-top-right-radius: 16px;
                    -moz-border-radius-topleft:16px;-moz-border-radius-topright: 16px;
                }
.actividades_hora { color:var(--color-crema);text-align:left;font-size:0.75em;font-weight:600;}
.actividades_hora_txt { border-radius:12px;border:1px dotted var(--color-crema); padding:3px 5px;width:100%;}
.actividades_hora_txt.elegida { background-color:var(--color-aqua-claro);color:var(--color-aqua-oscuro); }
.actividades_instructor{ color:#ddd;font-size:0.9em;text-align:left; }
.actividades_nombre {font-weight:600;font-size:1.2em;}
.actividades_cupo{font-size:0.8em;font-style:oblique;color:var(--color-crema-transp);}
i.actividades_bullet: {font-size:1.3em;color:var(--color-crema);}
i.actividades_bullet_on:before {color:#fff;content:"\e94f";}

.btn_agendar_clase { width:100%;background-color:var(--color-aqua-claro);color:var(--color-azul);font-size:1.2em;font-weight:700;border-radius:8px;text-align:center;padding:6px;transition:all .3s linear;margin:60px 0px; }
.btn_agendar_clase:hover { background-color:var(--color-azul); color:var(--color-aqua-claro);cursor:pointer;}

.paquete_box { background-color:var(--color-crema);color:#444;font-size:1em;border-radius:6px;text-align:center;padding:12px;min-height:300px;
             }
.paquete_icono { width:auto;height:90px;object-fit:cover;}
.paquete_tit { font-size:1.2em;font-weight:600; }
.paquete_desc { font-size:0.7em!important;font-weight:400!important;font-style:oblique; }
.paquete_costo { font-size:1.2em;font-weight:700;color:var(--color-aqua-oscuro); }
.paquete_costo_promo { font-size:1.2em;font-weight:700;color:var(--color-costo-promo); }
.paquete_costo_tache{ text-decoration:line-through; }
.paquete_btn_activar { background-color:var(--color-aqua-claro);color:var(--color-azul);font-size:1.1em;font-weight:600;border-radius:8px;text-align:center;padding:6px 16px;transition:all .3s linear; }
.paquete_btn_activar:hover { background-color:var(--color-azul); color:var(--color-aqua-claro);cursor:pointer;}
.paquete_popular {background-color:var(--color-pumpkin);color:var(--color-azul);font-size:0.8em;font-weight:500;border-radius:8px;padding:4px 8px;}
#packs_tit,#packs_subtit,#packs_costo{ transition:all 0.8s; }

.btn_change_pack { font-size:1.3em;font-weight:800;color:var(--color-aqua-oscuro);vertical-align:middle;padding:4px;margin:6px;transition:all 0.4s; }
.btn_change_pack:hover { color:var(--color-pumpkin);cursor:pointer; } 

.btn_calendario { background-color:rgba(254,254,254,0.5);color:var(--color-azul);font-size:1.1em;font-weight:600;border-radius:8px;text-align:center;padding:6px 16px;transition:all .3s linear; }
.btn_calendario:hover { background-color:var(--color-azul); color:var(--color-aqua-claro);cursor:pointer;}

.rutinas_contenido_{min-height:400px;}
.calendario_cuadro { background-color:rgba(0,0,0,0.3);color:var(--color-crema);border-radius:12px;width:100%;min-height:340px;padding:16px;}
.calendario_bloque {padding:1%;}
.calendario_img_ { width:auto;height:90%;object-fit:cover;margin-top:-10px; }
.calendario_img { width:80%;height:auto;object-fit:cover;margin-top:-10px; }
.calendario_tit { font-size:1.3em;font-weight:800;line-height:1.1em;padding:6px; }

.calendario_cuadro_dia_a { background-color:rgba(254,254,254,0.5);min-width:42px;min-height:60px;text-align:center;padding:4px;margin-bottom:8px; }
.calendario_cuadro_dia_b { background-color:rgba(254,254,254,0.25);min-width:42px;min-height:60px;text-align:center;padding:4px;margin-bottom:8px; }
.calendario_cuadro_dia_activo { background-color:var(--color-aqua-claro);min-width:42px;text-align:center;padding:4px;margin-bottom:8px; }
.calendario_cuadro_dia_inactivo { background-color:var(--color-gris-oscuro);min-width:42px;text-align:center;padding:4px;margin-bottom:8px; }
.calendario_cuadro_dia_a:hover,.calendario_cuadro_dia_b:hover{cursor:pointer;background-color:var(--color-aqua-claro-hover);}
.calendario_fondo_claro { background-color:rgba(254,254,254,0.15);padding:30px 80px; }

.calendario_dia_letra { font-size:1.1em;font-weight:800;color:var(--color-azul);text-align:center;padding:4px; }
.calendario_dia_num {display:block;margin:auto;width:34px!important;background-color:rgba(254,254,254,0.8);font-size:1.1em;font-weight:900;color:var(--color-azul);text-align:center;border-radius:6px;padding:2px; }
.calendario_dia_num_actual { background-color:var(--color-azul);font-size:1.3em;font-weight:900;color:var(--color-crema);text-align:center;border-radius:6px;padding:4px; }

.calendario_flecha.activa { display:flex;justify-content:center;align-items:center;color:var(--color-crema); }
.calendario_flecha.activa:hover { cursor:pointer;color:var(--color-aqua-oscuro);font-weight:600;transition:color 0.3s; }
.calendario_flecha.inactiva { display:flex;justify-content:center;align-items:center;color:var(--color-gris-oscuro)!important; }

.dia_activo{cursor:not-allowed;pointer-events:all !important;background:var(--color-aqua-claro)!important;color:var(--color-crema-transp)!important;}

.calendario_fecha_completa{ color:var(--color-aqua-claro);font-size:1.1em;font-weight:500; }

#btn_agendar{font-size:1.1em;font-weight:600;border-radius:8px;text-align:center;padding:6px 16px;transition:all .3s linear;color:var(--color-aqua-oscuro);}
#btn_agendar.inactivo{Background-color:var(--color-gris-oscuro);cursor:not-allowed;pointer-events: all !important;color:var(--color-crema-transp);}
#btn_agendar.activo{background-color:var(--color-aqua-claro);cursor:pointer;}
#btn_agendar.activo:hover{background-color:var(--color-crema);color:var(--color-aqua-oscuro);cursor:pointer;}

.contenidos { 
    display:flex;justify-content:center;
    background:url('../imgs/fondo_contenidos.jpg') no-repeat center center;
    background-size:cover;
    width:100%;height:100%;
}
.contenidos_pantalla{ 
    display:flex;flex-direction:column;justify-content:center;
    width:100%;height:100%;background-color:rgba(0,0,0,0.3);border-radius:6px;padding:20px
}

.cuadro_crema { background-color:var(--color-crema-transp);width:100%;height:100%;padding:12px;border-radius:6px; }
.cuadro_claro { background-color:rgba(254,254,254,0.5);width:100%;height:100%;padding:12px; }

.contenidos_tit { text-align:left;color:var(--color-crema);font-size:1.3em;font-weight:600; }
.contenidos_subtit { color:#555;font-size:1.1em;font-weight:700; }
.contenidos_resalte { color:var(--color-aqua-oscuro);font-size:1.1em;font-weight:500; }
.contenidos_calendariodas { color:#222;line-height:1.05em; }
.contenidos_instructor { color:#555;font-size:0.95em;margin-left:24px; }
.logo_somos{width:100%;height:auto;object-fit:cover;}
.logo_somos_circulo{width:100%;height:auto;border-radius:50%;max-width:220px;}
.btn_agenda_borrar{position:absolute;display:none;right:8px;top:-1px;width:14px;height:14px;transition:all .4s}
.btn_agenda_borrar:hover{cursor:pointer;}
.btn_agenda_qr{position:absolute;display:none;right:18px;top:30px;font-size:3em;transition:all .4s;color:#fff;}
.btn_agenda_qr:hover{cursor:pointer;color:var(--color-azul);}
.icon-cancel {transition:all .4s;color:#fff;padding:8px;background-color:rgba(0,0,0,0.44);border-radius:50%;}
.icon-cancel:hover {color:var(--color-aqua-claro);}
.icon-clock{vertical-align:middle;color:var(--color-crema);font-size:.9em;margin-top:-6px;}
.contenidos_agendadas {transition:all .3s;position:relative;border-radius:20px;}
.contenidos_agendadas:hover {background-color:var(--color-aqua-oscuro-transp);}
.contenidos_agendadas:hover > .btn_agenda_borrar {display:block;}
.contenidos_agendadas:hover > .btn_agenda_qr {display:block;}
.agendadas_hora { font-size:1.1em;font-weight:600;color:var(--color-aqua-oscuro);padding:4px 12px;border-radius:10px;border:1px dotted var(--color-aqua-oscuro);}

/* -- - - - PROMOS - - - - - -*/
.bloque_promos {background:url('../imgs/fondo_contenidos.jpg') no-repeat center center;
  background-size:cover;width:100%;height:200px;overflow:hidden;}
.pantalla_promos{display:flex;flex-direction:column;justify-content:right;align-items: center;
  width:110%;height:110%;background-color:rgba(0,0,0,0.3);}
.img_promos {height:205px;width:auto;object-fit:cover;margin-top:0px;margin-left:-60px;}
.promos_tit { font-size:2.7em;font-weight:900;color:var(--color-aqua-claro);text-align:right;line-height:.9em;margin-top:16px; }
.promos_subtit { font-size:1.5em;font-weight:700;color:var(--color-crema);text-align:right; }
.promos_txt { font-size:1em;font-weight:500;color:var(--color-crema);text-align:right; }

.qrcode_img{width:100%;height:auto;object-fit:cover;max-width:400px;}
#qrinfo{color:var(--color-aqua-oscuro);background-color:var(--color-crema-transp);border-radius:12px;}
.icono_mapa { height:50px; width:auto;}
.footer { background-color:var(--color-azul);color:#FFF;padding:40px 20px; }
.logo_footer { height:110px;width:auto;object-fit:cover;opacity:0.8; }

/* PAGOS  */
.pago_exitoso {display:none;}
.pago_exitoso_img {height:70px;width:auto;object-fit:cover;}
 
@media only screen and (max-width : 900px) {
    body,html {font-size:9pt;}
    .contenido_img { width:auto;max-height:320px;object-fit:cover;margin-left:30%;margin-top:-15px;}
    .contenido_bloque {padding:8px;}
    .calendario_img_ { width:auto;max-height:320px;object-fit:cover;margin-left:30%;margin-top:10px; }

}