body,td,th,a {font-family:"Lucida Grande","Lucida Sans Unicode","Arial"; margin:0; padding: 0; line-height: 1.2;}
footer {padding:5px 0 5px 0;color: #c2c4a6;font-size: 1em; background-color: #26313C; border-top: 1px solid rgba(50, 50, 50, 0.3); width: 100%;
        position: fixed;  bottom: 0;  text-align:center;  vertical-align: auto;}
table{border-collapse:collapse;border-spacing:0; font-size: 1em;}
.degrada_g{background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6);}
/*.modal_general, .m_particular, .m_singular{font-size: .85em;}
.modal_general, .m_particular, .m_singular{font-size: .9em;}*/
td{padding: 2px;}
#paginacion{margin:5px 0 70px 0;}
/* ESTILOS PARA VR ROTULO CARGANDO AL PAGINAR*/
#loadingMessage {
  display: none; /* Oculto por defecto */
  position: fixed; /* Fijado en relación a la ventana */
  top: 50%; /* Centrado verticalmente */
  left: 50%; /* Centrado horizontalmente */
  transform: translate(-50%, -50%); /* Ajuste para centrarlo correctamente */
  background-color: rgba(0, 0, 0, 0.8); /* Fondo semitransparente */
  color: white; /* Texto blanco */
  padding: 20px;
  border-radius: 10px;
  z-index: 9999; /* Asegura que esté por encima de todo */
  font-size: 20px;
}
/* Animación de puntos suspensivos */
@keyframes loadingDots {
  0%   { content: 'Cargando '; }
  33%  { content: 'Cargando .'; }
  66%  { content: 'Cargando ..'; }
  96%  { content: 'Cargando ...'; }
  100% { content: 'Cargando ...'; }
}
/* Aplicación de la animación al texto */
#loadingMessage::after {
  display: inline-block;
  animation: loadingDots 1.5s steps(4, end) infinite; /* Animación en bucle */
  content: 'Cargando ...'; /* Contenido inicial */
}
/* Estilo para el desenfoque de fondo */
.blurred {
  filter: blur(5px); /* Aplica un desenfoque de 5px */
  pointer-events: none; /* Evita la interacción con el contenido mientras está desenfocado */
}
/* FIN ESTILOS PARA VR ROTULO CARGANDO AL PAGINAR*/ 

input:read-only { background-color:#f1f4fb;}
/*LOADING*/.load-ing{clear:both; display:none; background-color: #F8F800; color:blue; padding: 0 5% 0; text-align: center; font-weight: bold;}
/*Respuesta*/.Respuesta{display:none;background-color:#f0ee56; padding:8px; text-align: center; font-weight: bold;}
/*Registros no encontrados*/ .No_encontrados{padding: 100px 50px 100px 50px; background-color: #f8eeee; font-weight: bold; text-align: center;}
/*Botones TOP*/
.btn_top {color: #FFF;font-weight: bold; cursor: pointer; font-style: oblique; text-decoration: none; 
          /*  text-shadow: 1px 1px 1px rgba(74, 83, 83, 0.82);*/
          text-shadow: 0  1px  0   #626262, 
                       0  2px  0   #3e3e3d,
                       0  3px  0   #212120,
                      3px 8px 15px rgba(0,0,0,0.1),
                      3px 8px  5px rgba(0,0,0,0.3);
          margin: 0 3% 0 0;
         }
.btn_indice {color: #FFF;font-weight: bold; cursor: pointer; font-style: oblique; text-decoration: none; 
  text-shadow: 1px 1px 1px rgba(74, 83, 83, 0.82); margin: 0 3% 0 0; padding:5px 0 5px 15px; width: 100%;}
  
.btn_20p {width:20%;  padding:8px;}
.btn_35p {width:35%;  padding:8px;}
.btn_50p {width:50%;  padding:8px;}
.btn_80p {width:80%;  padding:8px;}
/* INPUTS*/
.t_90p_25 {width:90%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_80p_25 {width:80%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_60p_25 {width:60%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_40p_25 {width:40%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_30p_25 {width:30%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_25p_25 {width:25%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_15p_25 {width:15%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}

/* DEGRADADOS BOTONERA TOP 2021*/

.degr_top1{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #c5d9f8, #c8e0f9, #cee6f9, #d5ecf9, #def1f9);}
.degr_top2{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #d2f4cd, #d8f6d5, #def8dc, #e4f9e4, #ebfbeb);}
.degr_top3{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #e9d8f2, #eedff4, #f2e6f6, #f6edf8, #faf4fb);}
.degr_top4{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #eff2d8, #f2f4df, #f4f7e6, #f7f9ed, #fafbf4);}
.degr_top5{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #d8dbf2, #dfe1f4, #e6e8f7, #edeef9, #f4f5fb);}
.degr_top6{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #f2e4d8, #f4e9df, #f6eee6, #f8f3ed, #fbf8f4);}
.degr_top7{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #0c2259, #06214d, #061f40, #0b1c34, #0f1927); color:#FFF;}
.degr_top8{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #0d189f, #00288f, #002e7a, #003062, #1d3049); color:#FFF;}
/* ENCABEZADOS*/
.enca_f_cen { font-weight:bold; text-align:center; padding: 5px 2px 5px 2px; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}
.enca_f_izq { font-weight:bold; text-align:left;   padding: 5px 2px 5px 2px; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}
.enca_f_der { font-weight:bold; text-align:right;  padding: 5px 2px 5px 2px; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}

.enca_p_cen{ font-weight:bold; text-align:center; padding: 5px 2px 5px 2px; cursor: pointer; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}
.enca_p_izq{ font-weight:bold; text-align:left;   padding: 5px 2px 5px 2px; cursor: pointer; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}
.enca_p_der{ font-weight:bold; text-align:right;  padding: 5px 2px 5px 2px; cursor: pointer; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}

/*ESTATUS*/
.Cr_1 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #148212, #148d14, #149717, #13a219, #11ad1c);}
.Cr_2 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #1726ab, #182aba, #182ec9, #1733d8, #1637e8);}
.Cr_3 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #ad0d26, #b7102b, #c21331, #cc1537, #d7183d);}
.Cr_4 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #e5400a, #d73d0a, #c93a0a, #bb360a, #ad330a);}
.Cr_5 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #e725d1, #df23cd, #d820c8, #d01ec4, #c91bbf);}
.Cr_6 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #960fb9, #9e12bd, #a515c1, #ad18c5, #b51bc9);}
.Cr_7 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #0c63ce, #0c60c5, #0d5cbb, #0f59b2, #1155a9);}
.Cr_8 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #c2b81b, #d0c81c, #ddd71d, #ebe81f, #f8f820);}
.Cr_9 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #06acc2, #11b3c9, #19bad0, #20c2d7, #26c9de);}
.Cr_10{color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #c2068c, #ab238a, #952e85, #80347d, #6d3774);}

/*ANIMACION botones*/
.anim_b {
  display: inline-block;
  border: 0;
  width: 20px;
  height: 20px;
  position: relative;
  transition: transform 200ms ease-in;
  transform: scale(1);
}
.anim_b:hover {
  z-index: 2;
  transform: scale(1.3);
}

.i_link{cursor:pointer; color:#0d65e9; text-decoration: underline;} /* TIPO Hipervinculo para texto*/


.btn_rh{border: solid 1px #000;text-shadow: 8px 8px 8px rgb(68, 3, 29);cursor:pointer;padding: 5px;color:#FFFFFF;
        background-image: linear-gradient(#35a3f2,#1053b8);font-size: .98em;} /*BTN_RH*/
/*ZOOM TEXTO*/
.zoom_txt {
  display: inline-block;
  position: relative;
  transition: transform 200ms ease-in;
  transform: scale(1);
}
.zoom_txt:hover {
  z-index: 2;
  text-shadow: 1px 2px 3px #171915;
  transform: scale(1.25);
}

/*ANIMACION botones*/
.centro_dx{width: 100%; display: flex; justify-content: center;} /* Holistico*/
/*MAPA HOLISTICO*/
.cuadrop1 {
  display: inline-block;
  position: relative;
  border: 0;
  transition: transform 200ms ease-in;
  transform: scale(1);  
  /* Sombra de caja y texto */
  transition: all 200ms ease-in;
  box-shadow: 3px 3px 5px rgba(37, 35, 35, 0.4);
  text-shadow: 2px 2px 2px rgb(46, 57, 65);
}

.cuadrop1:hover {
  box-shadow: 0px 0px 150px #000;
  z-index: 2;
  transform: scale(1.15);
}

/*-- responsive media queries --*/
@media screen and (max-width:3000px){
  body{ font-size: 17px;}
  .b_regresa {cursor:pointer; font-size: 28px;}/*Grid*/
  .b_R  {cursor:pointer; font-size: 30px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 30px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 30px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 30px; color:#FFFFFF;}
  #Holistico{height: 950px; width: 90%; margin:auto; padding-top:100px;}
  .Circulo_holis{display: flex; justify-content: center; border-radius: 100%; border:solid 10px #2e2929; position:absolute; height:470px; width:80%; margin: 2% 0 0 5%;}
}


@media screen and (max-width:2500px){
  body{ font-size: 16px;}
  .b_regresa {cursor:pointer; font-size: 28px;}/*Grid*/
  .b_R  {cursor:pointer; font-size: 30px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 30px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 30px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 30px; color:#FFFFFF;}
  #Holistico{height: 950px; width: 90%; margin:auto; padding-top:20px;}
  .Circulo_holis{display: flex; justify-content: center; border-radius: 100%; border:solid 10px #2e2929; position:absolute; height:470px; width:80%; margin: 2% 0 0 5%;}
}

@media screen and (max-width:1950px){
  body{ font-size: 15px;}
  .b_regresa {cursor:pointer; font-size: 28px;}/*Grid*/
  .b_R  {cursor:pointer; font-size: 30px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 30px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 30px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 30px; color:#FFFFFF;}
  #Holistico{height: 800px; width: 90%; margin:auto; padding-top:20px;}
  .Circulo_holis{display: flex; justify-content: center; border-radius: 100%; border:solid 10px #2e2929; position:absolute; height:440px; width:89%; margin: 3% 0 0 0;}
}

@media screen and (max-width:1690px){
  body{ font-size: 15px;} /* background-color: #f7f0d8;*/
  .b_regresa {cursor:pointer; font-size: 27px;}
  .b_R  {cursor:pointer; font-size: 25px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 25px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 25px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 25px; color:#FFFFFF;}
  #Holistico{height: 750px; width: 90%; margin:auto; padding-top:25px;}
  .Circulo_holis{display: flex; justify-content: center; border-radius: 100%; border:solid 10px #2e2929; position:absolute; height:440px; width:89%; margin: 3% 0 0 0;}
}


@media screen and (max-width:1367px){
  body{ font-size: 15px;} /* background-color: #f7f0d8;*/
  .b_regresa {cursor:pointer; font-size: 26px;}
  .b_R  {cursor:pointer; font-size: 25px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 25px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 25px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 25px; color:#FFFFFF;}
  #Holistico{height: 700px; width: 90%; margin:auto; padding-top:5px;}
  .Circulo_holis{display: flex; justify-content: center; border-radius: 100%; border:solid 10px #2e2929; position:absolute; height:440px; width:89%; margin: 3% 0 0 0;}
}
@media screen and (max-width:1280px){
  body{ font-size: 15px;}
  .b_regresa {cursor:pointer; font-size: 24px;}
  .b_R  {cursor:pointer; font-size: 21px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 21px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 21px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 21px; color:#FFFFFF;}
  #Holistico{height: 750px; width: 90%; margin:auto; padding-top:5px;}
  .Circulo_holis{display: flex; justify-content: center; border-radius: 100%; border:solid 10px #2e2929; position:absolute; height:440px; width:89%; margin: 3% 0 0 0;}
}
@media screen and (max-width:1024px){ /*ipad mini esta en el rango de 900 a 950 px*/
  body{ font-size: 11px;}
  .b_regresa {cursor:pointer; font-size: 20px;}
  .b_R  {cursor:pointer; font-size: 18px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 18px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 18px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 18px; color:#FFFFFF;}
  #Holistico{height: 750px; width: 90%; margin:auto; padding-top:5px;}
  .Circulo_holis{display: flex; justify-content: center; border-radius: 100%; border:solid 10px #2e2929; position:absolute; height:440px; width:89%; margin: 3% 0 0 0;}
}
@media screen and (max-width:816px){
  body{ font-size: 10px;}
  .b_regresa {cursor:pointer; font-size: 18px;}
  .b_R  {cursor:pointer; font-size: 16px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 16px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 16px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 16px; color:#FFFFFF;}
  #Holistico{height: 750px; width: 90%; margin:auto; padding-top:5px;}
  .Circulo_holis{display: flex; justify-content: center; border-radius: 100%; border:solid 10px #2e2929; position:absolute; height:440px; width:89%; margin: 3% 0 0 0;}
}
@media screen and (max-width:768px){
  body{ font-size: 10px;}
  .b_regresa {cursor:pointer; font-size: 18px;}
  .b_R  {cursor:pointer; font-size: 14px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 14px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 14px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 14px; color:#FFFFFF;}
  #Holistico{height: 750px; width: 90%; margin:auto; padding-top:5px;}
  .Circulo_holis{display: flex; justify-content: center; border-radius: 100%; border:solid 10px #2e2929; position:absolute; height:440px; width:89%; margin: 3% 0 0 0;}
}
@media screen and (max-width:668px){ /*IPHONE 12 para abajo*/
  body{ font-size: 8px;}
  .b_regresa {cursor:pointer; font-size: 17px;}
  .b_R  {cursor:pointer; font-size: 12px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 12px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 12px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 12px; color:#FFFFFF;}
  #Holistico{height: 950px; width: 90%; margin:auto; padding-top:50px;}
  .Circulo_holis{display: flex; justify-content: center; border-radius: 100%; border:solid 10px #2e2929; position:absolute; height:470px; width:86%; margin: 6% 0 0 0;}
}
@media screen and (max-width:414px) { /* IPHONE XR para abajo*/
  body{ font-size: 6px;}
  .b_regresa {cursor:pointer; font-size: 14px;}
  .b_R  {cursor:pointer; font-size: 10px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 10px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 10px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 10px; color:#FFFFFF;}
  #Holistico{height: 950px; width: 90%; margin:auto; padding-top:50px;}
  .Circulo_holis{display: flex; justify-content: center; border-radius: 100%; border:solid 10px #2e2929; position:absolute; height:470px; width:86%; margin: 6% 0 0 0;}
}