@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Noto+Sans&family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.girar {
  animation: spin 0.3s ease-in-out;
}
.fondo-plataforma{
    /*background:url(https://background-tiles.com/overview/grey/textures/large/5016.png);*/
    background:url('../img/fondos/1035.png');
    /*background:url(https://background-tiles.com/overview/grey/patterns/large/1035.png);*/
    background-size:50px;
}
.fondo-inicio{
    /*background-image: url('../img/fondos/5021.png');*/
    background-image: url(https://background-tiles.com/overview/grey/patterns/large/1035.png);
    /*background-image:url(https://img.freepik.com/free-vector/coloured-polygonal-background-design_1164-31.jpg?w=740&t=st=1710225804~exp=1710226404~hmac=e5fb95c73d4dd079aab13738c8cccbbaeff52156c3d533fc4c1e92c3df3471b0);*/
    background-size: 120px auto;
}
.fondo-visitante{
    background-image: url('../img/fondos/5021.png');
    /*background-image: url(https://background-tiles.com/overview/grey/patterns/large/1035.png);*/
    background-size: 150px auto;
}

.badge{
    font-family: Noto Sans !important;
    font-weight:bold !important;
   
}
.badge.secondary{
    border:1px solid #CFCFCF !important;
}
.badge.warning{
    border:1px solid #CD8C00 !important;
}
.badge.success{
    border:1px solid #457A1A !important;
}
.badge.alert{
    border:1px solid #960B0F !important;
}


.warning{
    /*background:#E69D00 !important;*/
    color:#000 !important;
}
.success{
    /*background:#E69D00 !important;*/
    color:#fff !important;
}

/* 
COLORES EMPLEADOS
negro: #000
blanco: #fff
background azul obscuro: #222 
background azul claro hover: #0A72FF

TEXTOS
   Normal: Noto Sans (texto palo seco llano)
   Encabezados: Poppins (parecida a Century Gothic)
*/

/***************************************************************************************************************/
/*********************************************** ETIQUETAS *****************************************************/
/****************************************************************************************************************/

body{
    /*background:url('../img/fondo.jpg');*/ 
  

    background-color:#fff;
    margin-bottom:0px;
    padding-bottom: 0px; 
    font-family: Noto Sans;
    text-align: left;   
    overflow-x: hidden;
    line-height: 1.3;

}
p{
    text-align: justify;   
}
/*p, p a, ul li{ 
     font-family: Noto Sans;
     text-align: left;
}*/
html, body {
  height: 100% ;
  /*overflow-y:scroll ;*/
}

h1, h2, h3, h4, h5, h6, dt{
   font-family: Poppins;
}
h1, h2{
   /*font-weight:600;*/
}

h3, h4, h5{
   /*font-weight:400;*/
}

h1, h3, h5{
   text-align: center;
}
h3 b, h4 b, h5 b{
   font-weight:600;
}
div.columns{
   padding:0px 7px;
}
.fieldset {
    padding:0px;
    margin:0px;
    text-align:center;
    border:0px;
}
span.radio{
    margin:0px 20px;
    white-space:nowrap;
    line-height:50pt;
    user-select: none;
}

.fieldset label{
    font-size:15pt;
}
hr{
   border-color:rgba(10, 10, 10, 0.25);
   margin:15px 0px;
}
a{
    /*color:#008CBA;*/
    /*color:#222;*/
    /*font-weight:400;*/

    color:#026DD0;
    /*color:#B28516;*/
    text-decoration:underline;
    /*border:1px solid red;*/
    /*color:#0A72FF;*/
}
a:hover, a:active, .blanco a:hover, .blanco a:active, .gris a:hover, .gris a:active{
    /*color:#222;*/
    /*color:#0A72FF;*/
    color:#2093FD;
    text-decoration: underline;
    /*border:none;*/
}


/***************************************************************************************************************/
/************************************************ ID ***********************************************************/
/***************************************************************************************************************/

#toolbar-menu{
   display:none; 
   width:100%; 
   height:100vh; 
   background-color:#fff; 
   z-index:100; 
   position:fixed; 
   top:0px; 
}

#toolbar-menu a{
    text-decoration: underline;
}
#toolbar{
    width:100%; 
    position:fixed; 
    bottom:0px;
    left:0px;
    z-index:200;
    /*background:rgba(256,256,256,.98);*/
    background:#fff;
    -webkit-backdrop-filter: blur(5px);
    /*backdrop-filter: blur(5px);*/
    padding:0px;
    margin:0px;
    /*background-image:url('../img/fondos/blanco.jpg');*/
}
#espaciador-toolbar{
    background-color:rgba(256,256,256,.9)
}

#banner-superior{
    /*position:fixed;*/ 
    position:relative; 
    top:0px; 
    left:0px;
    width:100%; 
    background:#fff; 
    color:#fff; 
    padding:0px;
    z-index:50;
}



#espaciador-banner-superior{
    background:#eee;
    
}


#boton_arriba {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    width:120px;
    left: 50%; /* Place the button 30px from the right */
    margin-left: -60px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 5px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    text-align:center;
    background-color: #000;
    color:#fff;
    opacity:.5; 
}

#boton_arriba:hover {
    /*background-color: #0A72FF;  Add a dark-grey background on hover */
    /*background-color: rgba(256,256,256,.8);  Add a dark-grey background on hover */
    /*color:#000;*/
    background-color: #000;
    color:#fff;
    opacity:.8; 
    /*border-color:#000;*/
}


/***************************************************************************************************************/
/*********************************************************CLASES************************************************/
/***************************************************************************************************************/

/*.bold{
   font-weight:bold;
}*/


.precio{
   display:none;
    background-color:#222;
    color:#fff;
    width:100%;
    text-align:center;
    padding:10px 20px;
    font-size:15pt;
    margin:-10px 0px 0px 0px;
    border-radius:0px 0px 3px 3px;
    border-style:solid;
    border-color:#222;
    
}
.orbit-previous, .orbit-next{
    color:#fff;
    background:#333;
    margin:0px 10px;
    opacity:.3;
}
.orbit-previous:hover, .orbit-next:hover{
    color:#fff;
    background:#333;
    /*margin:0px 10px;*/
    opacity:.8
}
.slogan{
    /*text-shadow: 0px 0px 8px rgba(0,0,0,0.85);*/ 
    font-family: "Poppins";
    color:#fff;
}
    
.button{
    background-color: #222;
}
.button:active, .button:focus, .button:hover{
    background-color: #0A72FF;
}


.definicion{
    margin-bottom:0px;
    font-weight: bold;
}

.sombra{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
   
}
.redes-sociales a img{
   border-radius:3px;
   margin:10px;
}
.redes-sociales a:hover img, .redes-sociales a:active  img{
   box-shadow: 0px 0px 15px 12px #fff;
   -moz-box-shadow: 0px 0px 15px 12px #fff;
   -webkit-box-shadow: 0px 0px 15px 12px #fff;
   border-radius:3px;
   background-color:#fff; 
    
}
.top-bar, .top-bar ul {
    background-color:#fff;
    /*background-image:url('../img/fondos/blanco.jpg');*/
    padding:0px;
    border:0px solid red;
    
}
.fondo-claro{
   color:#000; 
}
.fondo-obscuro *{
   color:#fff;
}
.fondo-obscuro *:hover, .fondo-obscuro *:active {
   color:#fff;

}


.top-bar ul {display: table; margin: 0 auto;}
.top-bar ul li {display: table-cell;}
.top-bar  a{
    font-family: Noto Sans;
    color:#333;
    font-size:12pt;
    line-height:25px;
    /*border-radius:999px;*/
    /*text-align: center;*/
}
.top-bar a:hover{
    color:#fff;
    background:#C99619;
    
}
.color-menu{
    background:#A1020C;
}

.boton-moviles{
    width:100%; 
    height:50px; 
    line-height:50px; 
    font-size:12pt; 
    text-decoration:none; 
    margin-right:100px; 
    padding:0px 20px;
    position:relative;
}
.boton-moviles img{
    border:0px solid red; 
    position:absolute; 
    right:0px; 
    top:0px; 
    height:50px;
}

.iconoToolbar{
    float:left; 
    width:20%; 
    /*border-top:3px solid #A1020D;*/ 
    color:#222; 
    text-align:center; 
    font-size:8pt; 
    padding-bottom:5px; 
    
}
.iconoToolbar a{
    color:#222;
    
}
.iconoToolbar img{
    width:50%; 
    max-width:45px;
    margin:10px 0px 5px 0px;
    user-select: none;

}
.cursiva{
    font-family: Noto Sans;
    font-style: italic;
}

div.footer{
    font-size:12pt; 
    /*background-color:#222;*/
    color:#222; 
    padding:15px 0px;
}
.callout{
    /*border:1px solid red;*/
    /*margin:0px;*/
    background: #222;
    color:#fff;
}
.callout-blanco{
    background-color: #fff;
    color:#000;
    padding:20px;
}
.callout-negro{
    background-color: #000;
    color:#fff;
    padding:20px;
}
.callout-negro a{
    color:#2093FD;
}

.orilla-superior{
   border-width:1px 0px 0px 0px; 
   border-style:solid;  
   border-color:rgba(10, 10, 10, 0.25); 
   
}
.orilla-inferior{
   border-width:0px 0px 1px 0px; 
   border-style:solid;  
   border-color:rgba(10, 10, 10, 0.25); 
   
}
.contacto a{
   text-decoration:none;
}
.contacto a:hover, .contacto a:active{
   text-decoration:underline;
}
/*td.enlaces-banner-superior{
   background-color:transparent;
}
.enlaces-banner-superior a{
   color:#000;
   text-decoration:none;
   border-radius:5px;
   padding:2px 10px;
   background-color:#efefef;
}
.enlaces-banner-superior a:hover, .enlaces-banner-superior a:active {
    color:#000;
    background-color:#f5f5f5;
    text-decoration: none;
}
.enlaces-banner-superior a img{
   margin-top:-3px;
}*/

/*.footer a{
    color:#222;
    text-decoration:none;
}
.footer a:hover, .footer a:active {
    text-decoration:underline;
}*/



p.instrucciones{
    margin:0px auto 20px auto;
    text-align: center;
    font-family: Poppins;
    font-size:11pt;
    /*background: rgba(0,0,0,.5);*/
}
/*.redondea{
    border-radius:5px;
}*/

.boton-link-verde, a.boton-link-verde:visited{
    background-color:#2A8939;
    color:#fff;
    font-size:12pt;
    width:100%;
    padding:10px 15px;
    text-decoration:none;
    /*font-size:10pt;*/
    border-radius:5px;
    /*border-radius: 10px 0px 20px 0px / 10px 72px 83px 10px;*/
    /*margin:0px 0px 10px 0px;*/
    
    /*text-align:right;*/
    /*float:right;*/
    line-height:15pt; 
    margin:0px auto 10px auto;
}

.etiqueta-dorada{
    /*background-color:#2A8939;*/
    /*background-color:#247531;*/
    /*background-color:#E5B130;*/
        background-color:#C99619;

    box-shadow: inset 0px 7px 5px -6px rgba(0,0,0,0.8);   
    color:#000;    
    /*color:#fff;*/
    /*font-size:10pt;*/
    font-size:11pt;
    font-weight:500;
    /*font-family:Poppins;*/  
    width:90%;
    padding:3px 5px;
    text-decoration:none;
    border-radius:0px 0px 10px 10px;
    border:0px;
    /*border-radius: 10px 0px 20px 0px / 10px 72px 83px 10px;*/
    /*margin:0px 0px 10px 0px;*/
    line-height:15pt; 
    margin:0px 5% 20px 5%;
}
.etiqueta-dorada:hover {
    background-color:#C99619;
    background-color:#E5B130;
    color:#000;
}

.boton-link-verde:hover, a.boton-link-verde:active{
    background-color:#36B149 !important;
    color:#fff;
    text-decoration:none;
    /*font-size:10pt;*/
    /*margin:10px 0px;*/
    
}

.boton-copia{
    background-color:#003366;
    color:#fff;
    text-decoration:none;
}
.boton-copia:hover{
    background-color:#336699 !important;
    color:#fff;
}
.boton-link{
    background-color:#D24D00;
    color:#fff;
    text-decoration:none;
}
.boton-link:hover{
    background-color:#FF6107 !important;
    color:#fff;
}



.horarios-de-atencion{
    background-color:rgba(30,53,99,1);
    color:#fff;
    padding:20px 20px 10px 20px;  
}
.logo-banner{
   height:120px; border:solid red 0px; margin:10px 30px 10px 0px; padding:0px;
}
.texto-mas-grande{
   font-size:1.2em
}

.sinsubrayar a, .sinsubrayar a:hover, .sinsubrayar a:active{
   text-decoration:none;
}
.mapa-del-sitio a:hover, .mapa-del-sitio a:active{
   color:#2A8939;
}

.tabla-centrada *{
   background-color:transparent;
   border:0px solid red;
}
.tabla-centrada{
   display:inline;
   width:auto;
   margin-left:auto;
   margin-right:auto;
}

.sombra-interna, .div-descripcion{
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);   
}
.sombra-superior{
    box-shadow: inset 0px 7px 5px -6px rgba(0,0,0,0.5);   
}
.div-descripcion{
   border:0px solid red; 
   background-color:rgba(0,0,0,.2);
   margin:0px 0px 20px 0px !important; 
   padding:0px !important;
   box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);   
}
label.error{
   color:#aa0000;
   font-style:italic;
   margin-bottom:16px;
   
}
label.error{
   color:#aa0000;
   font-style:italic;
   margin-bottom:16px;
   
}
input, textarea, select, .input-group{
    /*margin-bottom:7px !important;*/
}
input.error, select.error{
   margin-bottom:0px;
}



.papel{
    background-color:#fff; 
    background-image:url('../img/fondos/blanco.jpg');
}
.div-de-seccion{
    padding:15px 5px;
}
.orbit-container{
    border-radius:5px;
}

.mapa-del-sitio{
        text-align:center;
}
.redes-sociales{
    text-align:center;
}
.tabla-plataforma{
    width:100%;
    white-space: nowrap;
    margin:0px 0px 0px 0px;
}
.tabla-plataforma td{
    vertical-align:top;
    /*padding-top:5px;*/
}
/*condicionadas por dispositivo*/

/* Small only */
@media screen and (max-width: 39.9375em) {
    mediano{
        display:none;    
    }
    .tabla-plataforma{
        font-size:.7em;
        
    }
    .dos-columnas{
        /*clear:both;*/
        /*column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;*/
        text-align:left;
        /*column-gap: 60px;*/
        /*column-rule: 1px solid #151A6A;*/
        break-inside: avoid;
        /*color: #151A6A;*/
    }    
/*    .imagen-reglamento{
        display: block;  
        float:left; 
        width:45px;
        margin-top:5px;
    }*/
}
/*user-select: none;*/

ul.menu li a{
    text-align:center;
    /*white-space:nowrap;*/
}
ul.menu li a:not img{
    white-space:nowrap;
}
.color-reglamento *{
    color: #151A6A;
}
.color-reglamento h4{
    margin-left:60px;
    margin-bottom:20px;
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .dos-columnas{
        /*clear:both;*/
        column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;
        text-align:justify;
        column-gap: 60px;
        /*column-rule: 1px solid rgba(100,100,100,.5);*/
        break-inside: avoid;
        

        
    } 
    p.instrucciones{
       font-size:15pt; 
    }
    .div-de-seccion{
        padding:70px 30px 30px 30px;
    }
    .mapa-del-sitio, .mapa-del-sitio h5{
        text-align:left;
    }
    .redes-sociales, .redes-sociales h5{
        text-align:right;
    }
    .tabla-plataforma{
        font-size:.9em;
    }
    
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
     .div-de-seccion{
        padding:40px 30px 30px 30px;
    }
    
}

/* Large and up */
@media screen and (min-width: 64em) {
       
    .div-de-seccion{
        padding:60px 30px 50px 30px;
    }
    
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    
    
}



.bajo-relieve{
  background-color: #000;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
  user-select:none;
  
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}
/*ESTILOS PLATAFORMA*/
.sombra-boton{
            box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.57);
            -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.57);
            -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.57);

/*box-shadow: 3px 3px 7px -2px rgba(0,0,0,0.6);
    -webkit-box-shadow: 3px 3px 7px -2px rgba(0,0,0,0.6);
    -moz-box-shadow: 3px 3px 7px -2px rgba(0,0,0,0.6);*/
        }
thead, tbody, tfoot{
    border:0px;
}        
.tabla-plataforma th, .tabla-explorador th{
    padding:10px 6px !important;
    background-color:#333;
    /*background-image:url('../img/fondos/metal-negro.jpg');*/
    background-position:bottom;
    color:#eee;
    border:0px;
    /*background-size:cover;*/
    /*background-position:absolute;*/
    /*vertical-align:bottom  !important;*/
    /*margin:0px;*/
}


.tabla-plataforma th a{
    color:#eee;
}

.tabla-plataforma td, .tabla-plataforma th{
    /*border:1px solid rgba(0,0,0,.1) !important;*/
    padding:2px 4px;
    /*vertical-align:top;*/
    /*padding:0px*/
}
.tabla-plataforma tr:hover{
    color:#000 !important;
    /*font-weight:bold;*/
    /*font-style:italic;*/
}
td{
    /*padding:3px 6px !important;*/
    /*margin:0px;*/
    /*border-radius: 5px;*/
}
i.icono{
    font-size: 20px;
    margin:0px 5px;
}
i.icono-indefinido{
    font-size: 15px;
    margin:5px 5px;
    
}
.buena-onda{
    width:50%; margin:0px 25%; border:0px solid red; aspect-ratio: 1; object-fit: cover 
}
.dorado{
    color: #C99619 !important;
}
.rojo{
    color: #A1020C !important;
}
.negro{
    color: #131313 !important;
}
.estilo-icon-recibo{
    font-size: 20px !important;
    color: #C99619;
    margin:5px 2px;
    text-align:right;
/*    position:relative;*/
}
.estilo-icon-panel{
    font-size: 30px !important;    
    color: #000;
    margin:0px 2px;
}
.estilo-icon-toolbar-blanco{
    font-size: 25px !important;    
    color: #fff;
    margin:0px 2px;
}

.estilo-icon-lista{
    font-size: 22px;
    margin:0px 0px;
    text-align:center;
    
}

.fondo-dinero0{
    background-color: #FFEFBB;
}
.fondo-dinero1{
    background-color: #BAF2B2;
}
.fondo-dinero2{
    background-color: #F3B3E0;
}
input.dinero{
    text-align:right;
    
}
.input-group:has(> .error){
    /*border:1px solid red;*/
    margin-bottom:0px;
}
input.error{
    border:1px solid red;
    margin:0px;
}
select.error{
    border:1px solid red;
    margin:0px;
}
label.error{
    margin:0px;
    padding:0px;
}
.saldo_positivo, .fi-check, .fa-circle-check{
    color:#29AA65;
}
.saldo_negativo{
    color:#C84930;
}
.saldo_neutro{
    color:#000;
}
.input-group-field{
    /*border:0px!important;*/
}

.saldo{
    font-family: Poppins;
    /*font-size:.9em;*/
    text-align:right; 
    
    margin-top:10px;
}
.saldo_positivo, .saldo_negativo, .saldo_neutro{
   text-align:right;
}






span.no-aplica{
  font-style: italic;
  opacity:.6;
}

.precio_especial, .fi-clock, .fa-clock{
    /*text-decoration:line-through*/
    /*text-*/
    /*font-style: italic;*/
    color:#C99619;
}

small{
    
    /*font-size:.6em;*/
    font-size:.7em;
    
    
}
chico{
    
    /*font-size:.6em;*/
    font-size:.7em;
    
    
}
.horarios-zoom{
    font-size:1.2em;
    padding:7px 15px;
    width:100%;
    /*font-weight:bold;*/
    border-radius:999px;
/*    background-color:rgba(0,0,0,.5);
    color:#fff;*/
}
.div-de-seccion-plataforma{
    padding:15px 5px;
    background-color:rgba(256,256,256,.6);
}
/*.div-de-seccion-plataforma:first-of-type{
    padding-top:20px !important;
}*/
/*
.div-de-seccion-plataforma:last-of-type{
    padding-bottom:20px;
}*/

.columna-compacta{
    width:10px;
}
i:hover{
    /*color:#A1020C;*/
}


.error{
    color:#F43F51;
    font-style:italic;
}
.exito{
    color:#42A4FF;
    font-style:italic;
}
.icono-tabla-clases{
    font-size:17pt !important;
    margin:0px 7px !important;
    color:#2BA6CB;
}

.icono-ontime{
    font-size:10pt;
}
.badge{
   font-family: Poppins;
   /*font-weight:bold;*/
   /*background-color:#333;*/
   margin:0px 5px 0px 0px;
}

.apartado-formulario{
    margin:0px 0px 10px 0px !important; 
    padding:5px 3px 0px 3px; 
    border:0px solid rgba(255,255,255,1); 
    background-color:rgba(255,255,255,.6); 
    border-radius:10px;
}





.div-modalidad{ 
    padding:10px 0px !important;
    /*margin:2px 5px 10px 5px;*/
    font-size:.7em;
    color:#aaa;
    /*border:1px solid red;*/
}
.div-modalidad:hover, .div-modalidad:hover *{
    /*color:#C99619 !important;*/
    
}
.custom-hr-negro {
    border: 0; 
    height: 1px; 
    background-image: linear-gradient(to right, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    margin: 20px 15px; 
}
.icono-modalidad{
    font-size:25pt !important;
    
    margin:5px 0px !important;
    /*position:relative;*/
    /*bottom:5px;*/ 
    display:block;
    color:#aaa;
}
.mod-selec .icono-modalidad, .mod-selec{
    /*border-radius:10px;*/
    /*border:1px solid red;*/
    color:#025FB5;
    
}
@keyframes parpadeo {
    0%, 100% {
        box-shadow: 0 0 0px #C99619;
    }
    50% {
        box-shadow: 0 0 10px #C99619;
    }
}

.campo-importante {
    border: 2px solid #C99619 !important;
    box-shadow: 0 0 5px #C99619;
    animation: parpadeo 1.5s infinite; /* Ajusta la duración según necesites */
}

.campo-importante:focus{
    /*border:3px double red !important;*/
    outline:none;
    border-color:#C99619;
    box-shadow:0 0 10px #C99619;
}
#hora_clase.campo-importante{
    font-size:1.3em;
    text-align:center;
    /*color:red;*/
}
#fecha_clase.campo-importante{
    font-size:1.3em;
    text-align:center;
    /*color:red;*/
}
#boleta_inscripcion.campo-importante{
    font-size:1.2em;
    text-align:center;
    /*color:red;*/
}
#duracion.campo-importante{
    font-size:1.5em;
    text-align:center;
    /*color:red;*/
}
.badge{
    margin:0px;
    /*font-size:8pt;*/
    /*font-weight:bold;*/
}
.badge.diasemana{
    /*font-family:monospace;*/
    /*font-weight:light;*/
    font-size:9pt;
    margin:2px 0px 0px 0px;
    padding:2px 5px 1px 5px;
    border-radius:5px;
    /*line-height:17pt;*/
    
    /*vertical-align:middle;*/
    /*text-align:center;*/
    /*aspect-ratio: 1;*/
}
/*input:focus { 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}*/
.tarea{
    font-style:italic;
    color:#2BA6CB
}
.tooltip{
    z-index:100;
}




dl{
    background-color:#eee;
    text-align:center;
    color:#000;
    padding:20px;
    margin:7px 0px;
    border-radius:10px;
}

.sombra-discreta{
    /*background-color:2px solid red;*/
/*    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    */
    /*outline:none;*/
    border:1px solid rgba(100,100,100,.2);
    box-shadow:0 0 5px rgba(100,100,100,.5);
}
.destaca-calendario{
    /*background-color:2px solid red;*/
    /*-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);*/
    /*outline:none;*/
    /*border-color:#008DFF;*/
    box-shadow:0 0 10px #008DFF;
}

.fi-sheriff-badge.icono.estilo-icon-lista, .fa-user-ninja.icono.estilo-icon-lista {
    /*color:#C99619;*/
}
.fi-torso-business.icono.estilo-icon-lista, .fa-user-tie.icono.estilo-icon-lista{
    /*color:#A1020C;*/
}
.fi-torso.icono.estilo-icon-lista, .fa-solid.fa-user.icono.estilo-icon-lista{
    /*color:#2BA6CB;*/
}


.tabla-explorador{
    width:100%;
    white-space: nowrap;
}
.tabla-explorador th{
    padding:10px 6px !important;
    background-color:#333;
    color:#eee;
    /*vertical-align:bottom  !important;*/
    /*margin:0px;*/
}
.tabla-explorador td{
    /*border: 1px solid red;*/
    padding:2px 4px;
    font-size:9pt;
}
td.columna-icono {
   width: 40px;
   min-width: 40px !important;
   /*min-height: 40px !important;*/
   padding:10px 5px;
}
.icono-achivo-explorador{
    width:100%;
}
.tabla-plataforma td {
  vertical-align: middle;
}

.badge{
    border:0px !important;
}
div{
    
    /*border:1px solid red;*/
}



.has-tip {
    border-bottom:0px;
}



.tr-alumnos-maestro {
    /*display: none;*/
    /*transition: all 0.5s ease;*/
}
.td-alumnos-maestro{
    /*background-color:#bebebe !important;*/ 
    /*background-color:#C99619 !important;*/ 
    padding:0px !important;
    /*display:none;*/
    
}
.div-tabla-alumnos-maestro{
    display:none; 
    overflow: hidden;  
    border-radius:0px 0px 10px 10px;
    /*border:2px solid rgba(0,0,0,1);*/
    margin:6px;
    /*background-color:red;*/
}

table.tabla-alumnos-maestro{
    font-size:.9em; 
    margin:0px;
    /*border:1px solid #000;*/
}
.tabla-alumnos-maestro th{
    background-image:none;
    padding:3px 6px !important;
    background-color:#666;
    font-weight:normal;
}
.thumbnail{
    border-width:2px;
}

.no-select{
  -webkit-user-select: none; /* WebKit (Chrome, Safari) */
  -webkit-touch-callout: none; /* Blink (Opera) */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer y Edge */
  user-select: none !important; /* Estándar */
}
.no-select *{
  -webkit-user-select: none; /* WebKit (Chrome, Safari) */
  -webkit-touch-callout: none; /* Blink (Opera) */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer y Edge */
  user-select: none !important; /* Estándar */
}





.table-scroll {
  position: relative;
  overflow: auto;
  width: 100%;
  /*height: 300px;  ajusta la altura según tus necesidades */
}

.table-scroll table {
  width: 100%;
  border-collapse: collapse;
}

.table-scroll th,
.table-scroll td {
  /*padding: 8px;*/
  /*text-align: left;*/
  /*border: 1px solid #ccc;*/
}


/* Estilos para la columna anclada */
.sticky-col {
  position: sticky;
  left: 0;
  /*background-color: white;*/
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding-right:10px !important;
  text-align:right !important;
}
.table-scroll tbody tr:nth-child(odd) {
  /*Color de fondo para las filas impares*/ 
  background-color: #f1f1f1;  
  /*background-color: red;*/
}

.table-scroll tbody tr:nth-child(even) {
  /*Color de fondo para las filas pares*/ 
  background-color: #fefefe;  
}

.table-scroll .sticky-col {
  /*background-color: transparent;*/
}

.table-scroll tbody tr:nth-child(odd) .sticky-col, .table-scroll tbody tr.non .sticky-col  {
  background-color: #f1f1f1;
  /*box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.1);*/
    z-index: 2;

}

.table-scroll tbody tr:nth-child(even) .sticky-col, .table-scroll tbody tr.par .sticky-col {
  background-color: #fefefe;
  /*box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.1);*/
    z-index: 2;

}



.tabla-plataforma td {
  vertical-align: middle;
}
.icono-tabla{
    margin:0px;
}
tr.par{
    background:#fefefe !important;
}
tr.non{
    background:#f1f1f1 !important;
}



table.hover tr:hover > td{
    background-color: #FFF5CC !important; /* Reemplaza con el color que prefieras */
    /*color:#fff !important;*/
}
.check{
    border:0px solid green !important;
}
div, h2 {
   /*border:1px solid red;*/
}
/*.clearfix::after {
    content: "";
    clear: both;
    display: table;
}*/
tr.suspendido{
    filter:grayscale(80%);
}
.placa-id-clara{
    border:1px solid #eee; 
    background:#eee;
    color:#333;
    border-radius:5px 0px 5px 0px; 
    font-family: Courier Prime, monospace; 
    font-size:11pt; 
    margin:0px 5px 0px 0px; 
    padding:3px 5px 1px 5px;
}
.placa-id-obscura{
    border:1px solid #333; 
    background:#333;
    color:#eee;
    border-radius:5px 0px 5px 0px; 
    font-family: Courier Prime, monospace; 
    font-size:11pt; 
    margin:0px 5px 0px 0px; 
    padding:3px 5px 1px 5px;
    /*min-width:40px;*/
    /*max-width:500px;*/
    /*display:block;*/
}

.solapa-inscripcion{
    background: #222; 
    color:#fff; 
    padding:10px 4px 2px 4px; 
    border-radius:10px 10px 0px 0px;  
    border:0px; 
    background-position: bottom; 
    margin:0px 0px 0px 0px;
    /*padding-bottom:10px;*/
}
.solapa-titulo{
    /*color:#000;*/ 
    font-family:Poppins; 
    font-size:15pt;
    text-align:left; 
    padding-left:10px;
    margin:2px 0px;

}
.solapa-subtitulo{
    text-align:left; 
    /*color:#fff;*/ 
    font-family:Noto Sans; 
    font-size:12pt;
    margin:2px 0px;
    padding-left:10px; 
}
.solapa-etiqueta{
    /*margin:2px 0px 0px 0px;*/
    text-align:left;
    margin-bottom:2px;
    /*float:left;*/ 
    display:block; 
    width:auto; 
    padding:5px 10px; 
    font-size:.9em; 
    font-family:Noto Sans; 
    border-radius:0px;
    /*background:linear-gradient(to bottom,rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, .2) 100%);*/
    background-color:#eee;
    color:#333; 
    
}
.boton-ampliador{
    /*float:right;*/ 
    /*height:25px;*/  
    /*margin:0px 10px;*/ 
    position:absolute; 
    top:10px; 
    right:10px; 
    font-size:20pt
}
.tabla-con-bordes td, .tabla-con-bordes th{
    border:1px solid #aaa;
}
.sticker-clases-bottom-right{
    position:absolute; 
    bottom:10px; 
    right:10px; 
    font-weight:bold; 
    width:auto; 
    padding:2px 6px 1px 6px; 
    border-radius:5px; 
    font-size: 9pt; 
    font-family:Noto Sans; 
}
a.boton-whatsapp-contacto{
    background:#075E54;  
    padding:6px 8px 6px 13px; 
    width:auto; 
    color:#fff; 
    font-size:13pt; 
    /*margin:100px 0px 0px 0px;*/ 
    border-radius:999px;
    text-decoration: none;
    transition: all 0.5s ease;
}
a.boton-whatsapp-contacto:hover {
    text-decoration: none;
    background-color:#128c7e;
}

a.boton-correo-contacto{
    background:#004F8C;  
    padding:6px 8px 6px 13px; 
    width:auto; 
    color:#fff; 
    font-size:13pt; 
    /*margin:100px 0px 0px 0px;*/ 
    border-radius:999px;
    text-decoration: none;
    transition: all 0.5s ease;
}
a.boton-correo-contacto:hover {
    text-decoration: none;
    background-color:#006CBE;
}

a.boton-descarga {
    display: inline-block;
    background-color: #9C400A;
    color: #fff;
    font-size: 12pt;
    width: auto;
    text-align: center;
    padding: 15px 25px;
    text-decoration: none;
    border-radius: 999px;
    margin: 0 auto; /* Centra horizontalmente */
    transition: all 0.5s ease;

}


a.boton-descarga:hover{
    background-color:#CC540E;
    color:#fff;
    /*font-size:12pt;*/
    /*width:100%;*/
    /*padding:15px 25px;*/
    text-decoration:none;
    /*font-size:10pt;*/
    /*margin:10px 0px;*/
    /*line-height:15pt;*/ 
}

.is-reveal-open {
    top: 0 !important;
}

.reveal {
    border: none; /* Elimina el borde */
    box-shadow: none; /* Elimina la sombra que puede aparecer como borde */
}
.reveal:focus {
    outline: none; /* Elimina el contorno que aparece cuando el elemento tiene el foco */
}

/* O si hay una clase que se aplica cuando está en 'foco', sería algo como: */
.reveal.focused-class, .reveal.focused-class:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .wrapper-canvas-grafica{
        aspect-ratio:1 !important; 
        /*border:1px solid red;*/
    }
    
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .wrapper-canvas-grafica{
        aspect-ratio:16/9 !important; 
        /*border:1px solid green;*/

    }
}