/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v5/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v5/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ESTILOS GENERALES */
body{font-family: 'Figtree', sans-serif;padding: 0; margin:0px;}

/* BARRA SCROLL PERSONALIZADA */
body::-webkit-scrollbar {width:20px}
/* Carril de la barra de scroll */
body::-webkit-scrollbar-track {background:transparent;}
body::-webkit-scrollbar-track:hover {background:#263C67;}
/* barra de scroll */
body::-webkit-scrollbar-thumb {background:#263C67; border-radius:20px; border:5px solid transparent; background-clip: padding-box;}
body::-webkit-scrollbar-thumb:hover {background:#263C67; border:5px solid transparent; background-clip: padding-box;}
/* botones direccionales de la barra de scroll */
body::-webkit-scrollbar-button {display:none}

img,iframe,video{max-width: 100%;}


/* FUENTES */
h1{font-size: 24px;text-align: center;color: #263C67;}
h2{font-size: 30px;
    line-height: normal;
    color: #263C67;
    font-weight: 900;
    text-align: center;}
h3{font-size: 20px;font-weight: 900;}
p, a, ul>li, ol>li, label, input{font-size: 16px;}
p{line-height: 1.5em;}
a{text-decoration: none;color: #263C67;}
a:hover{text-decoration: none;}

@media screen and (min-width: 500px) {
   p, h3{margin: 20px 0;}
}
@media screen and (min-width: 1000px) {
  h1{font-size: 38px;margin: 50px auto;}
  h2{font-size: 60px;}
  h3{font-size: 26px;}
  p,a, ul>li, ol>li, label, input{font-size: 18px;}
  p, h3{margin: 25px 0;}
}


/* CLASES PERSONALIZADAS*/
.contenedor{display: block;max-width: 1780px;width: calc(100% - 20px);margin: auto;padding: 0 10px;margin: 40px auto;}
.col2_50,
.col3_33,
.colCentrada,
.col2_30x70,
.col2_70x30{margin: 60px auto;}
.colCentrada{max-width: 1000px;margin: 50px auto;z-index: 10;padding: 0px 15px;}
.contImgFondo{background-size: cover;min-height: 500px;background-position: center;display: grid;align-items: center;position: relative;}
.contImgFondo:before{background-color: #79fcb080; position: absolute; content: ''; bottom: 0; top: 0; left: 0; right: 0;}
.contImgFondo>div{z-index: 1;}
.colCentrada img{}
.col2_50>div,
.col3_33>div,
.col2_30x70>div,
.col2_70x30>div,
.col4_25>div{margin: 45px 0px;}
.col2_50>div img{display: block;margin: auto;}

.contAcordeon{margin: 0px;border-bottom: 1px solid #e7e7e7;}
.contAcordeon .colSuperior {cursor: pointer;color: black;}
/*.contAcordeon .colSuperior:hover{}*/
.contAcordeon .colSuperior .supTexto{    width: calc(100% - 43px); display: inline-block; vertical-align: middle; cursor: pointer;}
.contAcordeon .colSuperior .supTexto p{margin:20px 0px;}
.contAcordeon .colSuperior:before{cursor:pointer;content: "+"; font-weight: bold; /*color: #111111; */padding: 0px 10px 2px 10px; vertical-align: middle; display: inline-block;} 
.contAcordeon .desplegado:before{content: "-";}
/*.contAcordeon .desplegado{color: #fa7c08;}*/
.contAcordeon .colSuperior:hover:before{cursor: pointer;/*color: #fa7c08;*/}
/*.contAcordeon .desplegado:before{color: #fa7c08;}*/
.contAcordeon .colInferior{display: none;width: calc(100% - 30px);margin: 0px 0px;padding: 0px 15px;}
/*
#htm_cuerpo .contenedor:first-child,
#htm_cuerpo .contenedor:first-child>.colCentrada:first-child{margin-top: 0px;}*/
@media screen and (min-width: 500px) {
  .col3_33{display: grid;grid-template-columns: 1fr 1fr;gap: 40px;}
  .col3_33>div{margin: 0px;}
}
@media screen and (min-width: 750px) {
  .contenedor,div#contPath{padding: 0 20px;width: calc(100% - 40px);}
  .col3_33{display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 40px;}
  .col4_25{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: 30px;}
  .col2_30x70{display: grid;grid-template-columns: calc(30% - 20px) calc(70% - 20px);column-gap: 40px;}
  .col2_70x30{display: grid;grid-template-columns: calc(70% - 20px) calc(30% - 20px);column-gap: 40px;}
  .col3_33>div,
  .col4_25>div,
  .col2_30x70>div,
  .col2_70x30>div{margin: 0px}
  .contAcordeon .colSuperior:before{font-size: 21px;}
}
@media screen and (min-width: 960px) {
  .col2_50{display: grid;grid-template-columns: 1fr 1fr;column-gap: 80px;}
  .col2_50>div{margin: 0px}
  .contAcordeon .colSuperior:before{font-size: 23px;}
}
@media screen and (min-width: 1000px) {
  .col2_50,.col3_33,.colCentrada,.contenedor,.col2_30x70,.col2_70x30,.col4_25{margin: 80px auto;}
  .contImgFondo{background-size: cover; background-attachment: fixed;}
}
@media screen and (min-width: 1300px) {

  .col2_50,.col3_33,.colCentrada,.col2_30x70,.col2_70x30,.col4_25{margin: 120px auto;}
  .contAcordeon .colSuperior:before{font-size: 25px;}
}