/* Reset =================================================== */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
main,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
li {
  list-style: none;
}
 body {
    font-family: 'Lato', sans-serif;
}

h2{
  font-size: 20px;
      margin-bottom: 2vh;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

header{
  margin-top: 25px !important;
    margin-bottom: 25px !important;
    border-bottom: 3px solid #ebebeb;
    height: auto;
    display: table;
    padding-bottom: 15px;
}

.wrapp{
  width: 97%;
  max-width: 2000px;
  margin: auto;
}

.wrapp2{
   width: 97%;
  max-width: 2000px;
  margin: auto;
}

.wrapp2 ul{
    display: flex; 
    justify-content: space-between;
        padding-top: 15px;
}

.wrapp2 ul img{
  width: 60%;
  display: block; 
    margin: auto;
}

.wrapp.dos article{
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 1%;
}
 
.img_icos_cab{width: 100%;}

article.gestor_primer_art{
  padding-top: 0 !important; 
}

.wrapp.dos article.docu_primer_art,
.wrapp.dos article.docu_segundo_art{
  padding-left: 0;
  padding-right: 0;
}

.wrapp.dos article.docu_primer_art .icos_txt,
.wrapp.dos article.docu_segundo_art .flex{
  padding: 5%;
}

.wrapp.dos .docu_primer_art, 
.wrapp.dos .docu_segundo_art{border: 0;}


.wrapp.dos .docu_primer_art .icos_txt,
.wrapp.dos .docu_segundo_art .flex{
  border: 1px solid #ccc;
  border-radius: 10px;
}


.nav-collapse:last-child a{
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.uno{
background: #0A6894;
background: linear-gradient(180deg,rgba(10, 104, 148, 1) 0%, rgba(19, 137, 168, 1) 100%);
}

section.dos{
  display: flex;
  justify-content: space-between; 
  gap: 1%;
      margin-top: 2vh;
    margin-bottom: 2vh;
}

.primer_art div{display: flex;}

.icos_txt{
  display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    column-gap: 10px; /* espacio entre columnas */
    row-gap: 3vh;     /* espacio entre filas */
    width: 100%;
}

.gestor_icos_txt{
  display: block;
}

.gestor_icos_txt img{
  width:  80px !important;
}

.gestor_icos_txt .ics_t{
  text-align: left;
  margin-bottom:  30px;  
}

.gestor_icos_txt span{
  display: block;
  max-width:  170px;
}


.ics_t{
  text-align: center; 
}

.primer_art img{
  width: 50%;
  max-width: 500px;
}

.no_fl{}

.no_fl .izquierda{
    width: 45%;
    padding-right: 6%;
    display: flex;
  flex-wrap: wrap;
}

.primer_art{width: 21.0%;}
.segundo_art{width: 22.54%;}
.tercer_art{width: 32.53%;}
.cuarto_art{
  width: 20.13%;
  background-color: #f9f9f9; 
  border: 0 !important; 
  } 

.ics_t img{
  width: 50%;
}

.icos_txt span{
  font-size: 16px;
} 

.izquierda .bol_verde{
  display: block;
  width: 100%;
  line-height: 1;
  margin-left: 25px;
      margin-top: 25px;
}

.gestor_primer_art .bol_verde{
  margin-top: 0;
  font-weight: 300;
}

.gestor_primer_art .bol_verde b{
  font-weight: 800;
}

.gestor_primer_art img{
  width: 100%; 
  margin: 3vh 0;
}

.bol_verde{
  position: relative;
  font-size: 15px;
  font-weight: 800;

}

.bol_verde:before{
  content: url('images/boliche1.png');
  position: absolute;
  left: -18px;
  top: 0;
  width: 20px;
  height: 20px;
}

.no_bol{
  left: 0 !important;
    font-weight: 500 !important;
}

.no_bol:before{
  content: none !important;
} 


.docu_primer_art .ics_t img{
  width: 50px; 
}





.tercer_art .flex{
  display: flex;
  justify-content: space-between;
}

.tercer_art .flex div{
  width: 47%;
}

.tercer_art .flex2 div{
  width: 31%;
}

.tercer_art .flex2 div img{margin-top: 0;}

.tercer_art .flex2 .izquierda1{
  margin-top: 20px;
}

.nuevo_doc .flex div{
  width: 31% !important;
}

.tercer_art .flex div img{
  width: 100%; 
}

.tercer_art .flex2{
display: flex;
flex-wrap: wrap;
align-items: flex-start; /* ← CLAVE para alinear arriba */
justify-content: space-between;
}

.tercer_art .flex2 > * {
  width: 48%; /* ocupa la mitad del ancho con margen */
  margin-bottom: 10px;
}

.tercer_art .flex2 > :nth-child(4) {
  width: 100%;
  justify-content: center;
  display: block; /* para centrar su contenido */
}

.tercer_art .flex2 div{
  margin: auto;
  margin-bottom: 20px;
}

h5{
    font-size: 18px;
    font-weight: 500;
    position: relative;
    margin-bottom: 2vh;
    margin-left: 30px;
    margin-top: 2vh;
}

h5:before{
  content: url('images/boliche2.png');
  position: absolute;
  left: -25px;
  top: 0px;
  width: 20px;
  height: 20px;
}

.anchot{ 
  width: 100%;
  background: #f2f2f2 !important;
}

.oculto{display: none;}


h5 a{
  color: black;
  text-decoration: none;
}

.tres{
  border: 1px solid #ccc;
    border-radius: 10px;
    padding: 1%;
}

.flex1{
  display: flex;
}

.justify_space{
  justify-content: space-between;
}

.flex1 img {
  width: 100%;
  max-width: 200px;
  height: auto;
  object-fit: contain; /* o cover, según el caso */
      margin-right: 1vw;
}

.casos{font-weight: 500;
font-size: 1vw;}

.btn2{
  margin-top: 0;
}

.btn2 img{
  width: 70%;
}

.casos_sub{
  margin-top: 1vh;
  margin-bottom: .5vh;
} 

section.dos article{
  width: 30%;
}

section.dos_nuevo article{
  width: 45%;
}

section.dos .info_cas .bol_verde.casos{
  margin-left: 25px;
}

.btn, .btn2, .btn img, .btn2 img{
  width: 30px;
}

.derecha1 .bol_verde{
  margin-left: 27px;
}

.derecha1 img{
      margin-top: 2vh;
    margin-bottom: 1vh;
} 

.izquierda1 a{display: block;
margin-top: 2.5vh;
margin-bottom: .7vh;
}

.tercer_art .btn{
  margin-top: 2vh;
  float: right;
}

.primer_art hr{
  margin-top: 2.5vh;
  margin-bottom: 2.5vh;
} 
 
.cuarto_art a.btn, .segundo_art a.btn{
  display: block;
  float: right;
  margin-top: 2vh;
}

.primer_art a.btn{
  display: block;
  margin-left: 20px;
}

.azul{
  color: #2c4886 !important;
}

p{
  font-size: 15px;
}

.gestor_video img{width: 100%;}

 
.doc_art .bol_verde{
  position: absolute;
  top: -15px;
  left: 25px;
}

.tercer_art .flex3{
  flex-wrap: wrap;
}



.doc_art .icos_txt,
.doc_art .flex{
      border: 1px solid #ccc;
    border-radius: 10px;
  height: 100%;
  padding: 5% 10%;
}

.doc_art{
      padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
    position: relative;
    margin-top: 30px;
}

.doc_art1{
  width: 37% !important;
}

.doc_art2{
  width: 37% !important;
}

.doc_art3{
  width: 20% !important; 
      padding: 1% 3% !important;
}


.btn_dash{
  
}

.btn_dash article{
  width: 100% !important;
}

.btn_dash article a{
  float: right;
  background-color: #08c476;
      color: white;
    font-weight: 700;
    text-decoration: none;
    padding: 7px 8px;
}



/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
} 

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
  background: #FFF;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.anch1{
  width: 14.1% !important;
}

.anch2{
  width: 24.9% !important;
}

.anch3{
  width: 20.7% !important;
}

.anch4{
  width: 29.9% !important;
}

@media screen and (min-width: 1165px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}
 
/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.contact_men{
  background-color: #08c476;
} 

.contact_men a{
  color: white !important;
  font-weight: 800 !important;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

@media screen and (min-width: 1165px) {
  .nav-collapse {
    float: right;
    width: auto;
  }
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 1165px) {
  .nav-collapse li {
    width: auto;
  }
}

.nav-collapse a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-decoration: none;
  padding: 0.7em 1em 0.7em 0;
  color: #000;
  width: 100%;
  float: left;
}

.nav-collapse a:active,
.nav-collapse .active a {
  font-weight: 600;
  color: #08c476;
}

@media screen and (min-width: 1165px) {
  .nav-collapse a {
            padding-left: 20px;
        padding-right: 20px !important;
    text-align: center;
    border-top: 0;
    float: left;
    margin: 0;
  }
  
  .nav-collapse:last-child a {
    padding-right: 0;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 1165px) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #000; /* Edit this to change the icon color */
  font: normal 28px/55px "FontAwesome"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: right;
  position: absolute;
  content: "\f0c9"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-toggle.active:before {
  font-size: 24px;
  content: "\f00d"; /* Close icon */
}



.gestor .segundo_art{
  width: 17% !important; 
  padding: 1% 3% !important; 
}

.gestor .tercer_art{
  padding: 1% 1.5% !important; 
}

.gestor .cuarto_art{
  width: 20% !important; 
  padding: 1% 3% !important; 
}

.gestor .segundo_art .bol_verde{margin-bottom: 2vh;}

.faq_art1{
  width: 75% !important;
  border: 1px solid red;

}



.izquierda1.columnas_nuevas{
  width: 100% !important;
}
  

@media screen and (max-width: 1600px){
  .icos_txt{
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2vh; 
  }

  .ics_t img {
    width: 40%;
  }
}



@media screen and (max-width: 1200px) {
  section.dos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1%;
  margin-top: 2vh;
  margin-bottom: 2vh;
  }

  section.dos > article {
  flex: 1 1 32%;
  padding: 25px !important; 
}

section.dos > .cuarto_art {
  flex: 1 1 100%;
          margin-top: 30px;
}

.tres{
  padding: 25px !important;
}

.nuevos_cont{
  display: block !important;
}

.nuevos_cont article{
  width: 100% !important; 
}

.anch2{
  width: 32.9% !important;
}

.anch3{
  width: 27.7% !important;
}

.anch4{
  width: 37.9% !important;
}

  .flex1{
    display: block;
  }

  .flex1 > img, .flex1 .bol_verde.casos{
    margin-bottom: 20px;
  }

  .gestor .segundo_art, .gestor .tercer_art{
    padding: 33px !important;
  }

  .gestor .tercer_art .bol_verde{
    margin-left: 0 !important; 
  }

  .gestor .cuarto_art {
    padding-top: 30px !important;
  }

  .oculto2{display: none;}
  .oculto{display: block;}

} 


@media screen and (max-width: 1165px) {

  .nav-collapse li{padding-left: 10px !important;}
}


@media screen and (max-width: 900px){
section.dos > .tercer_art {
  flex: 1 1 100%;
  margin-top: 30px;
}  
}

@media screen and (max-width: 768px){
  section.dos > article {
  flex: 1 1 100%;
}

.segundo_art{
  margin-top: 30px;
}


.anch2{
  width: 100% !important;
  margin-bottom: 50px;
}

.anch3{
  width: 100% !important;
  margin-bottom: 50px;
}

.anch4{
  width: 100% !important;
}

.tercer_art .flex2{
  display: block;
}

.tercer_art .flex2 div{
  width: 100% !important;
}

.tercer_art .flex2 > :nth-child(3){
  display: block;
}

  .tercer_art .flex3{
    display: block;
  }

  .tercer_art .flex3 div{
    width: 100% !important;
  }

}



@media screen and (max-height: 1050px) {
  .uno ul img{width: 50%;}

  .nav-collapse:last-child a{font-size: 17px;}
  .logo img{
    width: 170px;
  }

  p{font-size: 14px;}
}

@media screen and (max-height: 900px) {
  .wrapp2 ul img{
    width: 40%;
  }

  .ics_t img{
    width: 26%;
  }

   .logo img{
    width: 110px;
  }

  header nav ul li.menu-item a{
    font-size: 16px !important;
  }

  p{
    font-size: 13px;
  }

  h5{font-size: 16px;}
}


@media screen and (max-height: 768px) {



  .wrapp2 ul img{
    width: 40%;
  }

  .logo img{
    width: 110px;
  }

  header nav ul li.menu-item a{
    font-size: 16px !important;
  }

  .nav-collapse a{
            padding-left: 10px;
        padding-right: 10px !important;
  }

  p, .icos_txt span{
    font-size: 13px;
  }

  .ics_t img{
    width: 28%;
    
  }

  h5{
    font-size: 16px;
  }

  span{
    font-size: 13px;
  }

  .uno ul li{
    display: none;
  }

  .uno ul{
    height: 30px;
  }
  
}
.gr_modal {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
}

.gr_modal_content {
  background: white;
  padding: 2em;
  border-radius: 10px;
  width: 90%;
  max-width: 600px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
  position: relative;
}

.gr_icon {
  background: url('images/usuario.png') no-repeat center;
  background-size: 85px;
  height: 85px;
  margin: 0 auto 1em auto;
}

.gr_row {
  display: flex;
  gap: 10px;
}

.gr_row input {
  flex: 1;
}

#gr_form input, #gr_form textarea, #gr_form button {
  width: 100%;
  padding: 0.8em;
  border: 1px solid green;
  margin-bottom: 10px;
  font-family: inherit;
}

#gr_form button {
  background: white;
  border: 1px solid green;
  cursor: pointer;
  transition: 0.2s;
}

#gr_form button:hover {
  background: green;
  color: white;
}
.gr_close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  background: none;
  border: none;
  cursor: pointer;
}
li#gr_openModal {
    color: white;
    padding: 9px 15px;
    cursor: pointer;
}