@charset "UTF-8";
/* =================================
 * Bixa
 * www.bixa.io
 * ================================= 
 *  */
 @font-face {
  font-family: "sans-serif-regular";
  src: url("../fonts/Lato/Lato-Regular.ttf");
}
@font-face {
  font-family: "sans-serif-light";
  src: url("../fonts/Lato/Lato-Light.ttf");
}
@font-face {
  font-family: "sans-serif-bold";
  src: url("../fonts/Lato/Lato-Bold.ttf");
}
@font-face {
  font-family: "sans-serif-black";
  src: url("../fonts/Lato/Lato-Black.ttf");
}
@font-face {
  font-family: "sans-serif-italic";
  src: url("../fonts/Lato/Lato-Italic.ttf");
}
@font-face {
  font-family: "sans-serif-light-italic";
  src: url("../fonts/Lato/Lato-LightItalic.ttf");
}
@font-face {
  font-family: "icomoon";
  src: url("../iconos/site/icomoon.eot?xnayjc");
  src: url("../iconos/site/icomoon.eot?xnayjc#iefix") format("embedded-opentype"), url("../iconos/site/icomoon.ttf?xnayjc") format("truetype"), url("../iconos/site/icomoon.woff?xnayjc") format("woff"), url("../iconos/site/icomoon.svg?xnayjc#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "";
  color: #fff;
}

.icon-instagram:before {
  content: "";
  color: #fff;
}

.icon-btn-menu:before {
  content: "";
}

#descargar-planilla{
  color: #00a49d;
  font-family: "sans-serif-italic";
}

.icon-cross:before {
  content: "";
  color: #898988;
}
.icon-pencil:before {
  content: "\e905";
  color: #000;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "sans-serif-regular", Helvetica, Arial, sans-serif;
}
*:focus {
  outline: none !important;
}

body {
  width: 100vw;
  overflow-x: hidden;
  position: relative;
}

a {
  text-decoration: none;
  color: #1a1a1a;
}

a, input, span, button, p, div {
  -ms-touch-action: none !important;
  -webkit-touch-callout: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, p::selection, span::selection, label::selection, input::selection, a::selection {
  color: #fff;
  background-color: #00a29d;
}

h1 {
  font-size: 32px;
}

h3 {
  font-family: "sans-serif-bold";
  font-size: 26px;
  text-align: center;
}

p {
  font-size: 16px;
  font-family: "sans-serif-light";
  color: #1a1a1a;
  line-height: 1.4em;
}

img {
  display: block;
  width: 100%;
}

button {
  appearance: none;
  -webkit-appearance: none;
  -ms-progress-appearance: none;
  -moz-appearance: none;
  border: none;
  border-radius: 0;
  background: none;
  cursor: pointer;
}

.contenedor {
  width: 90%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.img-hero {
  height: 70vh;
  max-height: 560px;
  position: relative;
  margin-bottom: 20px;
}
.img-hero .owl-carousel.hero {
  height: 70vh;
  max-height: 560px;
}
.img-hero .owl-carousel.hero .owl-stage-outer {
  height: 100%;
}
.img-hero .owl-carousel.hero .owl-stage-outer .owl-stage {
  height: 100%;
}
.img-hero .owl-carousel.hero .owl-stage-outer .owl-stage .owl-item {
  height: 100%;
}
.img-hero .owl-carousel.hero .owl-stage-outer .owl-stage .owl-item .item {
  height: 100%;
}
.img-hero .owl-carousel.hero .owl-stage-outer .owl-stage .owl-item .item img {
  height: 100%;
  object-fit: cover;
}
.img-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-hero .caption {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
}
.img-hero .caption .title-section {
  margin-top: 0;
}
.img-hero .caption p {
  color: #fff;
  text-shadow: 2px 2px 4px #000;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-10 {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .img-hero {
    /*  height: 90vw;*/
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 576px) {
  h1 {
    font-size: 26px;
  }

  .contenedor {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
  }
}
.grid-tres-cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  justify-items: center;
  margin-bottom: 40px;
}
.grid-tres-cards .item:nth-of-type(1) {
  grid-column: 2/3;
}
.grid-tres-cards .item:nth-of-type(2) {
  grid-column: 3/4;
}
.grid-tres-cards .item:nth-of-type(3) {
  grid-column: 4/5;
}
.grid-tres-cards .item .circle {
  width: 120px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  background-color: #00a29d;
  border: 5px solid rgba(0, 162, 157, 0.5);
  margin-bottom: 20px;
  overflow: hidden;
}
.grid-tres-cards .item .circle .img-container {
  width: 100%;
  height: 100%;
}
.grid-tres-cards .item .circle .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grid-tres-cards .item p {
  text-align: center;
  color: #898988;
  font-family: "sans-serif-light-italic";
  padding: 0 5px;
}
.grid-tres-cards .item p strong {
  font-family: "sans-serif-bold";
}

@media screen and (max-width: 786px) {
  .grid-tres-cards {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-tres-cards .item:nth-of-type(1) {
    grid-column: 1/2;
  }
  .grid-tres-cards .item:nth-of-type(2) {
    grid-column: 2/3;
  }
  .grid-tres-cards .item:nth-of-type(3) {
    grid-column: 3/4;
  }
  .grid-tres-cards .item p {
    font-size: 12px;
  }
}
.grid-tres-imagenes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  margin-bottom: 20px;
}
.grid-tres-imagenes .img-container {
  height: 50vh;
  max-height: 450px;
}
.grid-tres-imagenes .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grid-tres-imagenes .img-container:nth-of-type(3) {
  grid-column: 1/3;
}

@media screen and (max-width: 786px) {
  .grid-tres-imagenes .img-container {
    height: 25vh;
  }
}

/*======================================================*/

@media screen and (max-width: 786px) {
  #div-ev1 { 
    /*margin-left: 3%;*/
    border-top: solid ! important;
    border-bottom: none !important;
    border-left: solid !important;
    border-right: solid !important;
  }
  #div-ev2 {
    /*margin-left: 3%;*/
    border-top: solid ! important;
    border-bottom: none !important;
    border-left: solid !important;
    border-right: solid !important;
  }
  #div-ev3 { 
    /*margin-left: 3%;*/
    border-top: solid !important;
    border-bottom: solid !important;
    border-left: solid !important;
    border-right: solid !important;
  }

  #div-vert{
    display: none;
  }

  #div2 {
  display: block !important;
  
}

#columnas-p5b, #columnas-i6{
  display: block;
  align-items: center;
}

#div-subir, #idiv-subir{
  padding: 5px;
}

#div-descargar, #idiv-descargar{
  padding: 5px;
}

#cont-encuesta{
  width: 70% !important;
}

#bases{
  margin-top: 5% !important;
  margin-bottom: 5% !important;
}

 #descargas{
  width: 70% !important;
 }

}



@media screen and (max-width: 576px) {
  #cont-encuesta{
  width: 95% !important;
}

 #tipo_visita{
  display: block !important;
  margin: auto 5px 30px 5px !important;
  text-align: center;
 }

 #check_particular, #check_institucion{
    margin-left: 25% !important;
 }

 .descarga{
  font-size: 1.2rem;
 }

 #descargas{
  width: 90% !important;
 }
}

@media screen and (max-width: 480px) {
   #check_particular, #check_institucion{
    margin-left: auto !important;
 }

 
}

@media screen and (max-width: 391px){
  .tipo-v{
    font-size: 0.9rem !important;
  }
}

/*----------------------------------*/

.tipo-v{
  font-size: 1.2rem;
}

#div-ev1 {
   border-width: 1px !important;
   color: #b1b1b1;
   padding: 0;
   border-top-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
}

#div-ev2{
  border-width: 1px !important;
  color: #b1b1b1;
  padding: 0;
  border-top-style: solid;
  border-bottom-style: solid;
}

#div-ev3{
  border-width: 1px !important;
  color: #b1b1b1;
  padding: 0;
  background-color: #00a29d;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
}

.fecha-event{
  color: #707070;
  font-family: sans-serif-regular;
  font-size: 25px;
  text-align: center;
  padding-top: 10px;
}

#div-ev4 {
   
   border-width: 1px !important;
   color: #b1b1b1 !important;
   padding: 0;
   border-top-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
}

#div-ev5 {
  
  text-align: center !important;
  border-width: 1px !important;
  color: #b1b1b1 !important;
  padding: 0;
  background-color: #00a29d !important;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
}

#link {
  font-family: sans-serif-regular;
  text-align: center;
  font-size: 25px;
  color: white;
}

#div2 {
  grid-gap: 0px;
  width:100%;
  margin:auto;
  display: grid;
  grid-template-columns: 2fr 1fr !important;
}


#div-vert{
  margin-top: 14px;
  margin-bottom: 10px;
  width: 1px !important;
  background-color: #b1b1b1;
  height: 100px !important;
  border: 1px inset !important;
  float: left;
}

.abs-center{
  display: flex;
  align-items: center; 
  justify-content: center;
}

.div-covid, input[type="radio"] {
  margin: 10px 20px 5px 0px;

}

/*======================================================*/

.grid-tres-columnas {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.grid-tres-columnas p a {
  font-family: "sans-serif-light-italic";
  text-decoration: underline;
}

@media screen and (max-width: 786px) {
  .grid-tres-columnas {
    grid-template-columns: repeat(1, 1fr);
  }
}
.title-section {
  text-align: center;
  margin-top: 75px;
}
.title-section .subtitle {
  font-size: 16px;
  font-family: "sans-serif-italic";
}
.title-section .title {
  font-family: "sans-serif-black";
  font-size: 24px;
  letter-spacing: 5px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.normal-text {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 20px;
}
.normal-text a {
  font-family: "sans-serif-light";
  text-decoration: underline;
}

.border-text {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 10px 5%;
  border-top: 1px solid #898988;
}

@media screen and (max-width: 786px) {
  .normal-text, .border-text {
    width: 100%;
  }
}
.avales {
  margin-top: 75px;
}
.avales img {
  width: 100%;
}
.avales .grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 50px 10px;
  margin-top: 50px;
}

@media screen and (max-width: 786px) {
  .avales {
    margin-bottom: 30px;
  }
}
header {
  padding: 30px 20px 20px 20px;
   z-index:2000;
}
header .contenedor {
  display: flex;
  justify-content: space-between;
  align-items: center;
 
}
header .btns-right {
  display: flex;
  align-items: center;
}
header button {
  font-family: "sans-serif-regular";
  font-size: 16px;
  color: #898a89;
  margin-right: 20px;
  display: flex;
}
header button .icon-cross {
  margin-top: 3px;
  margin-right: 3px;
  display: none;
}
header button .icon-btn-menu {
  margin-top: 3px;
  margin-right: 3px;
  color: #898a89;
}
header button.open .icon-cross {
  display: inline;
}
header button.open .icon-btn-menu {
  display: none;
}
header .logo img {
  width: 200px;
}
header .entradas img {
  width: 100px;
}
header .lang-btns {
  display: flex;
}
header .lang-btns a:first-of-type {
  margin-right: 5px;
}
header .lang-btns a img {
  display: block;
  width: 24px;
}

nav {
  display: none;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 430px;
  text-align: center;
}
nav .contenedor {
  height: 100%;
  text-align: left;
}
nav .grid-nav {
  background-color: rgba(255, 255, 255, 0.95);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 50px 0;
  height: 100%;
}
nav .grid-nav .img-mobile {
  display: none;
}
nav .grid-nav .column {
  padding: 20px;
  border-right: 1px solid #3c3c3b;
}
nav .grid-nav .column:last-of-type {
  border-right: none;
}
nav .grid-nav .column p {
  margin-bottom: 10px;
  font-family: "sans-serif-black";
  font-size: 16px;
}
nav .grid-nav .column a.img:hover {
  border-color: transparent;
}
nav .grid-nav .column a.img img {
  width: 50%;
}
nav .grid-nav .column a.mb {
  margin-bottom: 55px;
}
nav .grid-nav .column a {
  display: block;
  margin-bottom: 0px;
  font-family: "sans-serif-regular";
  font-size: 14px;
  padding: 8px 0;
  border-bottom: 1px solid transparent;
  transition: all 0.2s linear;
}
nav .grid-nav .column a:hover {
  border-color: #00a29d;
}

@media screen and (max-width: 786px) {
  header {
    padding: 20px 0;
  }
  header .logo img {
    max-width: 120px;
  }
  header .entradas img {
    max-width: 70px;
  }

  nav {
    height: calc(100vh - 74px);
  }
  nav .contenedor {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  nav .grid-nav {
    display: block;
    padding: 20px;
    position: relative;
  }
  nav .grid-nav .column {
    border-right: none;
    padding: 5px 0;
  }
  nav .grid-nav .column p {
    border-bottom: 1px solid #9d9d9d;
    position: relative;
    color: #3c3c3c;
  }
  nav .grid-nav .column p:after {
    content: "+";
    position: absolute;
    right: 0;
    transition: all 0.2s linear;
  }
  nav .grid-nav .column p.open:after {
    transform: rotate(45deg);
  }
  nav .grid-nav .column .subtitle {
    display: none;
  }
  nav .grid-nav .column a {
    border-bottom: 0.5px solid #dadada;
    color: #6f6f6f;
    position: relative;
  }
  nav .grid-nav .column a:after {
    content: ">";
    position: absolute;
    right: 0;
  }
  nav .grid-nav .column a.mb {
    margin-bottom: 10px;
  }
  nav .grid-nav .column .img {
    display: none;
  }
  nav .grid-nav .img-mobile {
    display: block;
    position: absolute;
    bottom: 40px;
    left: calc(50% - 12.5vw);
  }
  nav .grid-nav .img-mobile img {
    width: 25vw;
  }
}
.hero {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  height: 70vh;
  max-height: 560px;
  overflow: hidden;
  position: relative;
}
.hero video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.hero .banner-home{
 width: 100%; 
 height: 60px;
 bottom: 0; 
 background-color: #00a29d;
 position: absolute;
}

.hero img{
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 991px) {
  .hero img{
   /* width: 70% !important;*/
   margin-left: auto;
   margin-right: auto;
 }

 .hero .banner-home img {
  width: 70% !important;
  margin-left: auto;
  margin-right: auto;
}
}

.agenda-home {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  margin-top: 40px;
  padding-bottom: 50px;
  border-bottom: 1px solid #9d9d9c;
}
.agenda-home .evento {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #3c3c3b;
}
.agenda-home .evento:hover .img-container .transparencia {
  background-color: rgba(0, 0, 0, 0);
}
.agenda-home .evento .img-container {
  width: 120px;
  height: 120px;
  padding: 5px;
  border: 2px solid #3c3c3b;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 6px;
  position: relative;
}
.agenda-home .evento .img-container .transparencia {
  transition: all 0.2s;
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}
.agenda-home .evento .img-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.agenda-home .evento .categoria {
  font-family: "sans-serif-italic";
  font-style: italic;
  font-size: 14px;
}
.agenda-home .evento .titulo {
  font-family: "sans-serif-bold";
  font-size: 16px;
}

.institucional-home {
  margin-top: 40px;
  text-align: center;
  color: #3c3c3b;
}
.institucional-home h2 {
  font-family: "sans-serif-italic";
  font-size: 22px;
}
.institucional-home h1 {
  text-transform: uppercase;
  font-family: "sans-serif-black";
  letter-spacing: 5px;
  font-size: 24px;
  margin-bottom: 20px;
}
.institucional-home p {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.institucional-home img {
  width: 239px;
  margin-left: auto;
  margin-right: auto;
}

.mision-vision-valores .contenedor {
  /*display: grid;
  grid-template-columns: repeat(5, 1fr);*/
  grid-gap: 20px;
  margin-top: 50px;
}
.mision-vision-valores .item .circle {
  border: 5px solid #7fd4cf;
  background-color: #00a29d;
  width: 120px;
  height: 120px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.mision-vision-valores .item .circle p {
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #fff;
  font-family: "sans-serif-light-italic";
}
.mision-vision-valores .item .contenido {
  font-family: "sans-serif-light-italic";
  text-align: center;
  color: #9d9d9c;
  padding: 20px 20px;
}
.mision-vision-valores .item:nth-of-type(1) {
  grid-column: 2/3;
}
.mision-vision-valores .item:nth-of-type(2) {
  grid-column: 3/4;
}
.mision-vision-valores .item:nth-of-type(3) {
  grid-column: 4/5;
}

.ubicacion {
  margin-top: 50px;
  width: 100%;
  background-image: url("../img/home-ubicacion.jpg");
  background-size: cover;
  color: #fff;
  text-align: center;
  padding: 40px 20px;
}
.ubicacion p {
  color: inherit;
  font-family: "sans-serif-light-italic";
  font-size: 16px;
}
.ubicacion h3 {
  font-family: "sans-serif-black";
  font-size: 24px;
  letter-spacing: 5px;
  margin-bottom: 20px;
}

.galeria-home-container {
  text-align: center;
  margin-top: 50px;
  color: #3c3c3b;
}
.galeria-home-container p {
  font-size: 16px;
  font-family: "sans-serif-italic";
}
.galeria-home-container h3 {
  font-family: "sans-serif-black";
  font-size: 24px;
  letter-spacing: 5px;
  margin-bottom: 20px;
}
.galeria-home-container .galeria-home {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #1d1d1b;
  padding-bottom: 40px;
}
.galeria-home-container .galeria-home .media-container {
  display: block;
  width: 100%;
  height: 133px;
}
.galeria-home-container .galeria-home .media-container img, .galeria-home-container .galeria-home .media-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.galeria-home-container .galeria-home .ver-mas {
  border: 1px solid #c6c6c6;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "sans-serif-italic";
  color: #878787;
}
.galeria-home-container .galeria-home .ver-mas img {
  width: 20px;
}

@media screen and (max-width: 1024px) {
  .agenda-home {
    grid-template-columns: repeat(4, 1fr);
  }
  .agenda-home .evento:nth-of-type(5) {
    display: none;
  }

  .galeria-home-container .galeria-home {
    grid-template-columns: repeat(6, 1fr);
  }
  .galeria-home-container .media-container:nth-of-type(15), .galeria-home-container .media-container:nth-of-type(14), .galeria-home-container .media-container:nth-of-type(13), .galeria-home-container .media-container:nth-of-type(12) {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .agenda-home {
    grid-template-columns: repeat(3, 1fr);
  }
  .agenda-home .evento:nth-of-type(4) {
    display: none;
  }
  .agenda-home .evento .categoria {
    font-size: 12px;
  }
  .agenda-home .evento .titulo {
    font-size: 14px;
  }

  .institucional-home p {
    width: 100%;
  }

  .mision-vision-valores .item .contenido {
    padding: 0;
  }
}
@media screen and (max-width: 786px) {
  .mision-vision-valores {
    border-top: 1px; /*solid #9d9d9c;*/
    margin-top: 40px;
  }
  .mision-vision-valores .contenedor {
    display: grid;
    grid-template-columns: 1fr;
    
  }
  .mision-vision-valores .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px; /*solid #9d9d9c;*/
    padding-bottom: 20px;
  }
  .mision-vision-valores .item .circle {
    width: 90px;
    height: 90px;
    margin-left: 0;
    margin-right: 20px;
  }
  .mision-vision-valores .item .contenido {
    text-align: left;
    width: calc(100% - 140px);
  }
  .mision-vision-valores .item:nth-of-type(1), .mision-vision-valores .item:nth-of-type(2), .mision-vision-valores .item:nth-of-type(3) {
    grid-column: 1/1;
  }
  .mision-vision-valores .item:nth-of-type(3) {
    border-bottom: none;
  }

  .ubicacion-container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .ubicacion {
    margin-top: 20px;
  }

  .galeria-home-container .galeria-home {
    grid-template-columns: repeat(4, 1fr);
    padding-bottom: 0;
    border-bottom: 0;
  }
  .galeria-home-container .media-container:nth-of-type(15), .galeria-home-container .media-container:nth-of-type(14), .galeria-home-container .media-container:nth-of-type(13), .galeria-home-container .media-container:nth-of-type(12), .galeria-home-container .media-container:nth-of-type(11), .galeria-home-container .media-container:nth-of-type(10), .galeria-home-container .media-container:nth-of-type(9), .galeria-home-container .media-container:nth-of-type(8) {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .galeria-home-container .galeria-home .media-container {
    height: 100px;
  }
}
.grid-recorrido {
  display: grid;
  grid-template-columns: 2fr 3fr 2fr;
  grid-gap: 10px;
  justify-items: center;
  margin-bottom: 40px;
}
.grid-recorrido .column {
  width: 100%;
  text-align: center;
}
.grid-recorrido .column .circle {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.grid-recorrido .column .circle.c1 {
  background-color: #009290;
}
.grid-recorrido .column .circle.c2 {
  background-color: #2580ad;
}
.grid-recorrido .column .circle.c3 {
  background-color: #713573;
}
.grid-recorrido .column .text.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.grid-recorrido .column .text {
  background-color: #eaeaea;
  width: 100%;
  height: 100%;
  padding: 20px 0;
}
.grid-recorrido .column .text .numero {
  color: #3c3c3b;
  font-family: "sans-serif-bold";
}
.grid-recorrido .column .text .texto {
  font-family: "sans-serif-regular";
}

@media screen and (max-width: 786px) {
  .grid-recorrido {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }
  .grid-recorrido .column {
    margin-bottom: 10px;
  }
  .grid-recorrido .column:nth-of-type(1) {
    order: 1;
  }
  .grid-recorrido .column:nth-of-type(2) {
    order: 3;
  }
  .grid-recorrido .column:nth-of-type(3) {
    order: 5;
  }
  .grid-recorrido .column:nth-of-type(4) {
    order: 2;
  }
  .grid-recorrido .column:nth-of-type(5) {
    order: 4;
  }
  .grid-recorrido .column:nth-of-type(6) {
    order: 6;
  }
}
.formulario form {
  width: 100%;
}
.formulario form .row {
  display: grid;
  grid-gap: 10px;
  margin-bottom: 10px;
}
.formulario form .row .wrapper label {
  display: block;
  color: #8b8b8a;
  font-family: "sans-serif-italic";
  margin-bottom: 4px;
  font-size: 16px;
}
.formulario form .row .wrapper input, .formulario form .row .wrapper textarea {
  display: block;
  width: 100%;
  border: none;
  padding: 10px;
  background-color: #f2f2f2;
  color: #8b8b8a;
  font-size: 16px;
}
.formulario form .row .wrapper input::placeholder, .formulario form .row .wrapper textarea::placeholder {
  font-family: "sans-serif-italic";
}
.formulario form .row .wrapper textarea {
  height: 300px;
  resize: none;
}
.formulario form button {
  display: block;
  width: 100px;
  height: 30px;
  background-color: red;
  color: #fff;
}
.formulario form .row.una-columna {
  grid-template-columns: repeat(1, 1fr);
}
.formulario form .row.dos-columnas {
  grid-template-columns: repeat(2, 1fr);
}
.formulario form .row.tres-columnas {
  grid-template-columns: repeat(3, 1fr);
}
.formulario form .row.cuatro-columnas {
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 786px) {
  .formulario {
    margin-bottom: 20px;
  }
  .formulario form .row.dos-columnas {
    grid-template-columns: repeat(1, 1fr);
  }
  .formulario form .row.tres-columnas {
    grid-template-columns: repeat(2, 1fr);
  }
  .formulario form .row.tres-columnas .wrapper:nth-of-type(3) {
    grid-column: 1/3;
  }
  .formulario form .row.cuatro-columnas {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-page-galeria {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}
.grid-page-galeria .img-container {
  height: 280px;
  width: 100%;
}
.grid-page-galeria .img-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
}
.modal button {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 18px;
  color: #fff;
  padding: 10px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 20px;
}
.modal .owl-carousel {
  width: 75vw;
  height: 80vh;
  position: relative;
}
.modal .owl-carousel .owl-stage-outer {
  height: 100%;
}
.modal .owl-carousel .owl-stage-outer .owl-stage {
  height: 100%;
}
.modal .owl-carousel .owl-stage-outer .owl-stage .owl-item {
  height: 100%;
}
.modal .owl-carousel .item {
  height: 100%;
  width: 100%;
}
.modal .owl-carousel .item img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.modal .owl-carousel .owl-prev, .modal .owl-carousel .owl-next {
  position: absolute;
  top: calc(50% - 20px);
  padding: 8px;
  font-size: 24px !important;
  color: #fff !important;
}
.modal .owl-carousel .owl-prev img, .modal .owl-carousel .owl-next img {
  width: auto;
  height: 100%;
}
.modal .owl-carousel .owl-prev {
  left: -30px;
}
.modal .owl-carousel .owl-prev img {
  margin-left: 0;
  margin-right: auto;
}
.modal .owl-carousel .owl-next {
  right: -30px;
}
.modal .owl-carousel .owl-next img {
  margin-right: 0;
  margin-left: auto;
}

@media screen and (max-width: 786px) {
  .grid-page-galeria {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-page-galeria .img-container {
    height: 150px;
  }

  .modal .owl-carousel {
    height: 50vh;
    width: 80vw;
  }
}
footer {
  margin-top: 40px;
}
footer .contenedor {
  border-top: 1px solid #1d1d1b;
  padding-top: 40px;
}
footer .layout {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
footer .top {
  margin-bottom: 80px;
}
footer .top .columna1 img {
  width: 130px;
}
footer .top .columna2 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 30px;
}
footer .top .columna2 .ticket {
  width: 100px;
  margin-top: 20px;
}
footer .top .columna2 .title {
  font-family: "sans-serif-black";
  text-transform: uppercase;
  font-size: 16px;
  color: #3c3c3b;
}
footer .top .columna2 a {
  display: block;
  font-size: 14px;
  color: #3c3c3b;
  margin: 7px 0;
}
footer .top .columna2 .mb {
  margin-bottom: 30px;
}
footer .bottom {
  border-top: 1px solid #1d1d1b;
  padding-top: 40px;
  padding-bottom: 40px;
  align-items: center;
}
footer .bottom .column1 img {
  width: 300px;
}
footer .bottom .column2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .bottom .column2 .redes {
  display: flex;
}
footer .bottom .column2 .redes a {
  margin: 0 4px;
}
footer .bottom .column2 .redes img {
  width: 35px;
}

@media screen and (max-width: 991px) {
  footer .layout {
    display: block;
  }
  footer .top .columna1 {
    display: none;
  }
  footer .top .columna1 img {
    display: none;
  }
  footer .bottom {
    padding: 20px 15px;
    border-color: #9d9d9d;
  }
  footer .bottom .column1 {
    display: none;
  }
  footer .bottom .column2 p {
    font-size: 14px;
  }
  footer .bottom .column2 .redes img {
    width: 30px;
  }
}
@media screen and (max-width: 786px) {
  footer {
    margin-top: 0px;
  }
  footer .contenedor {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }
  footer .top {
    padding: 18px 15px 10px 15px;
    margin-bottom: 0;
    background-color: #f2f2f2;
  }
  footer .top .columna2 {
    display: block;
  }
  footer .top .columna2 .column:last-of-type .title {
    border-bottom: none;
  }
  footer .top .columna2 .title {
    text-transform: capitalize;
    padding: 10px 5px;
    padding-left: 0;
    border-bottom: 1px solid #9d9d9d;
    position: relative;
  }
  footer .top .columna2 .title:after {
    transition: all 0.2s linear;
    content: "+";
    position: absolute;
    right: 0;
  }
  footer .top .columna2 .title.open:after {
    transform: rotate(45deg);
  }
  footer .top .columna2 .subtitle {
    display: none;
  }
  footer .top .columna2 .subtitle a {
    font-size: 16px;
    margin: 12px 0;
    position: relative;
  }
  footer .top .columna2 .subtitle a:after {
    content: ">";
    position: absolute;
    right: 0;
  }
}


/*.noticias .contenedor {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  border-bottom:  1px solid #898988;
}
*/

.noticias .item  img {
  cursor: pointer;
  border: 5px solid #7fd4cf;
  width: 115px;
  height: 115px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);  
}


.noticias .item  p {
  color: #000;
  font-family: "sans-serif-light-italic";
  text-align: center;
}
.noticias .item .contenido {
  font-family: "sans-serif-light-italic";
  text-align: center;
  color: #9d9d9c;
  padding: 0 20px;
}
/*.noticias .item:nth-of-type(1) {
  grid-column: 1/2;
}
.noticias .item:nth-of-type(2) {
  grid-column: 2/3;
}
.noticias .item:nth-of-type(3) {
  grid-column: 3/4;
}
.noticias .item:nth-of-type(4) {
  grid-column: 4/5;
}
.noticias .item:nth-of-type(5) {
  grid-column: 5/6;
  }*/

  .modal .owl-carousel .noticias-galeria{
    width: 75vw;
    position: relative;
  }
  .inner-carousel-item {
    margin: 0;
    background-color: white;
  }

  @media screen and (max-width: 768px) {
    .noticias .contenedor {
     display: grid;
     grid-template-columns:  repeat(2, 1fr);
   }
   .noticias .item:nth-of-type(1) {
    grid-column: 1/2;
  }
  .noticias .item:nth-of-type(2) {
    grid-column: 2/3;
  }
  .noticias .item:nth-of-type(3) {
    grid-column: 1/2;
  }
  .noticias .item:nth-of-type(4) {
    grid-column: 2/3;
  }
  .noticias .item:nth-of-type(5) {
    grid-column: 1/2;
  }

  .noticias-galeria .item  p {
   font-size: 11px;
 }
 .noticias-galeria{
  top: 25px;
}

.noticias-galeria .item  h3 {
 font-size: 20px;
}

.contenido-noticia{
 background-color: white !important;
 width: 100% !important;
 background-color: white !important;
 padding: 0 10px 30px 10px !important;
}

.fecha-noticia{
  font-size: 12px;
}
.parte-1{
  font-size: 12px;
}
.contenido-noticia ul{
  font-size: 12px;
}
.inner-carousel-interno {
  width: 100%!important;
  padding: 0!important;
  height: auto!important;
  background-color: white;
}

.inner-carousel-item {
 width: 100% !important; 
 margin: 0 !important; 
 padding: 0 !important; 
 background-color: white;
}
.inner-carousel{
  margin-top: 20px!important;
}
.cuerpo-modal{
  margin-top: auto!important;
  position: static!important;
}

.boton-cerrar-modal {
  top: 11px!important;
  right: 25px!important;
  font-size: 18px;
  height: 35px!important;
  width: 32px!important;
}

.boton-cerrar-modal .icono{
  padding-left: 0!important; 
  padding-top: 0!important;
}

.modal .owl-carousel .owl-next {
  top: 25%!important;
}
.modal .owl-carousel .owl-prev {
  top: 25%!important;
}

.banner-home img{
  width: 75%!important;
}

}

@media screen and (max-width: 991px) {
  .cuerpo-modal{
    margin-top: auto!important;
    position: static!important;
  }

}
}

/*INICIO VISITAS*/
.particular-paso-1{
  height: 130px;
  /*border-bottom: 1px solid;*/
}
.particular-paso-1 .wrapper{
 /*margin: auto;*/
 display: block;
 position: relative;
 padding-left: 35px;
 cursor: pointer;
 font-size: 22px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
/* Hide the browser's default radio button */
.particular-paso-1 .wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.particular-paso-1 .wrapper:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.particular-paso-1 .wrapper input:checked ~ .checkmark {
  background-color: #00a49d;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.particular-paso-1 .wrapper input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.particular-paso-1 .wrapper .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

#modal_particular button,#modal_institucion button {
  position: relative!important;
  bottom: 0;
  font-size: 18px;
  color: #fff;
  border: 1px solid #00a49d!important; 
  background-color: rgb(129, 213, 209)!important;
  width: 300px!important;
  height: 50px!important;
  border-radius:25px 25px 25px 25px;
  line-height: 20px;
}
.modal .una-columna{
  border-top: 1px solid;
}

.modal-particular,.modal-institucion{
  color: black;
  background-color: white;
  height: 450px;
  width: 775px;
}

.modal-particular .texto-modal-visitas-centrar,.modal-institucion .texto-modal-visitas-centrar{
  padding: 30px 100px 10px 100px;
}
.modal-particular .texto-modal-visitas,.modal-institucion .texto-modal-visitas{
  font-family: 'sans-serif-regular';
  color: #80807c;
}

.modal-particular .texto-modal-visitas-bold,.modal-institucion .texto-modal-visitas-bold{
  font-family: 'sans-serif-bold';
  color: #80807c;
  padding-top: 20px;
}

.modal-particular .texto-modal-visitas-pie,.modal-institucion .texto-modal-visitas-pie{
 padding-top: 43px;
 font-size: 13px;
 font-family: 'sans-serif-light-italic';
 color: #80807c;
}

.particular-paso-2{
 height: 100px;
}
.particular-paso-2 .wrapper{
  margin:auto;
}

.particular-paso-2 .wrapper input{
  width: 60px;
  height: 50px;
  font-size: 30px;
}

.particular-paso-2 .wrapper center{
 margin-top: 25px;
}
.wrapper .botones-visitas {
  position: relative!important;
  top: 10px;
  font-size: 18px;
  color: #00a49d!important;
  border: 1px solid #00a49d!important; 
  background-color: #81d5d175!important;
  width: 300px!important;
  height: 40px!important;
  border-radius:25px 25px 25px 25px;
  line-height: 20px;

}

.wrapper #descargar-planilla {
  position: relative!important;
  top: 10px;
  font-size: 18px;
  color: #00a49d!important;
  border: 1px solid #00a49d!important; 
  background-color: #81d5d175!important;
  width: 300px!important;
  height: 40px!important;
  border-radius:25px 25px 25px 25px;
  line-height: 20px;

}

#carga_visitantes{
  margin-top: 20px;
}

.row .seis-columnas{
 display: grid;
 grid-template-columns: repeat(6, 1fr);
 grid-gap: 20px;
}
.seis-columnas .wrapper:nth-of-type(1) {
  grid-column: 1/2;
}
.seis-columnas .wrapper:nth-of-type(2) {
  grid-column: 2/3;
}
.seis-columnas .wrapper:nth-of-type(3) {
  grid-column: 3/4;
}
.seis-columnas .wrapper:nth-of-type(4) {
  grid-column: 4/5;
}
.seis-columnas .wrapper:nth-of-type(5) {
  grid-column: 5/6;
}
.seis-columnas .wrapper:nth-of-type(6) {
  grid-column: 6/7;
}

#carga_visitantes .wrapper input[type="checkbox"],#i_carga_visitantes .wrapper input[type="checkbox"] {
  display: none;
}
/* Styling background */
label i:first-child {
  color: gray;
}
/* Hidding the "check" status of inputs */
input[type="radio"] + label .fa-circle,
input[type="checkbox"] + label .fa-check  {
  display: none;
}
/* Styling the "check" status */
input[type="radio"]:checked + label .fa-circle,
input[type="checkbox"]:checked + label .fa-check {
  display: block;
  color: DarkTurquoise;
}
/* Styling checkboxes */
input[type="checkbox"]:checked + label .fa-check {
  position: relative;
  left: .125em;
  bottom: .125em;
}
/* Styling radiobuttons */
input[type="radio"]:checked + label .fa-circle-o {
  display: none;
}

.grid-tres-columnas-2 {
  display: grid;
  grid-template-columns:  60% 15% 10%;;
  grid-gap: 20px;
}
.grid-tres-columnas-2 p a {
  font-family: "sans-serif-light-italic";
  text-decoration: underline;
}

.confirmacion-visita{
  font-family: "sans-serif-italic";
}

#bloque_tipo_visita_elegido{
  padding: 25px;
}

.bloque-input-radio{
  margin-top: 25px;
  margin-bottom: 25px!important;
  border-top: 1px solid #a49a91;
  border-bottom: 1px solid #a49a91;
  padding: 8px;
  height: auto;

}
.bloque-input-radio p,.bloque-input-radio label{
  font-family: "sans-serif-italic" !important;
  font-size: 13px;
  color: #8b8b8a;
  text-align: right;
}

.siete-columnas{
 display: grid;
 grid-template-columns: repeat(7, 40px);
 /*grid-template-columns: repeat(7, 1fr);*/
 grid-gap: 30px!important;
}

#modal_particular .titulo-modal,#modal-institucion .titulo-modal{
 height: 140px;
 padding: 6%;
}


.pasos-seguir{

  color: black;
  padding-left: 20px;
  background-color: white;
  border-top-color: #575756;
  border-top-style: solid;
  border-top-width: 1px;
  display: grid;
  grid-template-rows: 100%;
  text-align: left;
  height: 30px;
}
.pasos-seguir p{
  color: #575756;
  padding-left: 20px;
  font-weight: bold;
}



@media screen and (max-width: 786px) {
  .grid-tres-columnas-2 {
    grid-template-columns: repeat(3, 1fr);
  }
}



@media screen and (max-width: 768px) {
  .modal button {
    width: 180px;
    height: 40px;
  }

  .modal-particular,.modal-institucion{
    height: 490px;
  }

  .modal-particular .texto-modal-visitas-centrar,.modal-institucion .texto-modal-visitas-centrar{
    padding: 30px 30px 10px 30px;
  }

  #modal_particular .titulo-modal,#modal_institucion .titulo-modal{
    height: 97px!important;
  }

  #modal_particular button, #modal_institucion button{
   width: 200px!important;
   height: 40px!important;
 }

 .formulario .cinco-columnas {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0px;
}

.formulario .cinco-columnas .particular-paso-2 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0px;
}

.formulario .segundo-paso .wrapper{
  grid-column: 1/3;
}

#dia_hora_elegidos .wrapper:nth-of-type(1) {
  grid-column: 1/6!important;
  border-right: 1px solid #000;
}
#dia_hora_elegidos .wrapper:nth-of-type(2) {
  grid-column: 1/3!important;
  border-right: 1px solid #000;
}
#dia_hora_elegidos .wrapper:nth-of-type(3) {
  grid-column: 3/5!important;
  border-right: 1px solid #000;
}
#dia_hora_elegidos .wrapper:nth-of-type(4) {
  grid-column: 5/5!important;
  border-right: 1px solid #000;
}
#dia_hora_elegidos .wrapper:nth-of-type(5) {
  grid-column: 2/5!important;
}


#formulario_responsable_datos .wrapper:nth-of-type(1) {
  grid-column: 1/6!important;
  border-right: 1px solid #000;
}
#formulario_responsable_datos .wrapper:nth-of-type(2) {
  grid-column: 1/3!important;
  border-right: 1px solid #000;
}
#formulario_responsable_datos .wrapper:nth-of-type(3) {
  grid-column: 3/5!important;
  border-right: 1px solid #000;
}
#formulario_responsable_datos .wrapper:nth-of-type(4) {
  grid-column: 5/5!important;
  border-right: 1px solid #000;
}
#formulario_responsable_datos .wrapper:nth-of-type(5) {
  grid-column: 2/5!important;
}

#i_formulario_establecimiento_datos .wrapper:nth-of-type(1) {
  grid-column: 1/6!important;
  border-right: 1px solid #000;
}
#i_formulario_establecimiento_datos .wrapper:nth-of-type(2) {
  grid-column: 1/3!important;
  border-right: 1px solid #000;
}
#i_formulario_establecimiento_datos .wrapper:nth-of-type(3) {
  grid-column: 3/5!important;
  border-right: 1px solid #000;
}
#i_formulario_establecimiento_datos .wrapper:nth-of-type(4) {
  grid-column: 5/5!important;
  border-right: 1px solid #000;
}
#i_formulario_establecimiento_datos .wrapper:nth-of-type(5) {
  grid-column: 2/5!important;
}









.formulario .siete-columnas{
  display: grid;
  grid-template-columns: repeat(7, 43px);
  grid-gap: 0px!important;
}
.bloque-input-radio{
  padding: 8px 0 8px 0;
}
}
/*FIN VISITAS*/

/*EJES TEMATICOS*/
.una-columna {
  grid-template-columns: repeat(1, 1fr);
}

.cinco-columnas{
 display: grid;
 grid-template-columns: repeat(5, 1fr);
 grid-gap: 0px;
}
.cinco-columnas .wrapper:nth-of-type(1) {
  grid-column: 1/2;
  border-right: 1px solid #000;
}
.cinco-columnas .wrapper:nth-of-type(2) {
  grid-column: 2/3;
  border-right: 1px solid #000;
}
.cinco-columnas .wrapper:nth-of-type(3) {
  grid-column: 3/4;
  border-right: 1px solid #000;
}
.cinco-columnas .wrapper:nth-of-type(4) {
  grid-column: 4/5;
  border-right: 1px solid #000;
}
.cinco-columnas .wrapper:nth-of-type(5) {
  grid-column: 5/6;
}


.ejes-tematicos{
  border-left: 1px solid #000;
}


.ejes-tematicos .cinco-columnas .bloque-texto strong {
  font-family: "sans-serif-regular";
  color: black;
}

.fondo-verde{
 background-color: #009290;
}
.texto-verde{
 color: #009290;
 font-family: "sans-serif-bold";
}
.texto-verde h1{
 font-family: "sans-serif-bold";
}
.fondo-azul{
  background-color: #2580ad;
}
.texto-azul{
  color: #2580ad;
  font-family: "sans-serif-bold";
}
.texto-azul h1{
 font-family: "sans-serif-bold";
}
.fondo-violeta{
  background-color: #713573;
}
.texto-violeta{
  color: #713573;
  font-family: "sans-serif-bold";
}
.texto-violeta h1{
 font-family: "sans-serif-bold";
}
.ejes-tematicos .cinco-columnas .wrapper{
  padding: 0 35px;
}

.ejes-tematicos .cinco-columnas .bloque-color{
 color: white;
 padding: 15px;
 height: 175px;
}

.ejes-tematicos .cinco-columnas .bloque-color strong {
  font-family: "sans-serif-bold";
  color: white;
}


.ejes-tematicos .cinco-columnas .bloque-color p {
  color: white;
  font-family: "sans-serif-italic";
  font-style: italic;
  font-size: 14px;
  padding-top: 15px;
}

@media screen and (max-width: 768px) {
  .cinco-columnas{
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   grid-gap: 0px;
 }
 .ejes-tematicos .cinco-columnas .wrapper{
  height: auto!important;
}
.ejes-tematicos{
  height: auto!important;
  border: 0;
}
.cinco-columnas .wrapper:nth-of-type(1) {
  grid-column: 1/1;
  border: 0;
  padding: 0;
}
.cinco-columnas .wrapper:nth-of-type(2) {
  grid-column: 1/1;
  border: 0;
  padding: 0;
}
.cinco-columnas .wrapper:nth-of-type(3) {
  grid-column: 1/1;
  border: 0;
  padding: 0;
}
.cinco-columnas .wrapper:nth-of-type(4) {
  grid-column: 1/1;
  border: 0;
  padding: 0;
}
.cinco-columnas .wrapper:nth-of-type(5) {
  grid-column: 1/1;
  border: 0;
  padding: 0;
}
}

/*EJES TEMATICOS*/

/*# sourceMappingURL=styles.css.map */



/*-----------------------------------------++++++++++++++++++++++++++--UPDATE 04/11/2020-----------*/



/*------------------------------------------------------------------------------------*/
/*----------------------------------------DESPLEGABLES--------------------------------*/

#desplegables{
  min-height: 100px;
  margin-top: 3em;
}

.item-desplegable{
  /*min-height: 200px;*/
  overflow: hidden;
}

.titulo{
  width: 100%;
  height: 50px;
  overflow: hidden;
}

.titlez{
  color: white;
  margin:13px;
  font-size: 20px;
}

.info{
  width: 100%;
  overflow: hidden;
  height: 0px;
  transition: all .5s ease-in-out;
}

.heighter{
  height: 230px;
}

.cont-desplegable{
  padding: 2em;
  display: flex;
  ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sub-items{
  border-radius: 100%;
  width: 10%;
  overflow: hidden;
  margin: 0 auto;
}

.fondo-verde3{
  background-color: #8ac0bb;
}
.fondo-azul3{
  background-color: #7eabd6;
}
.fondo-violeta3{
  background-color: #9a75aa;
}
.fondo-amarilloz{
  background-color: #d9b321;
}
.fondo-amarilloz3{
  background-color: #e1d08f;
}
/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/


#tovisit{
  background-color: #00a29d;
 
}

.contentexto{
   color: white;
   position: absolute;
   top: 15em;
   margin: 0 auto;
   display: block;
   text-align: center;
   left: 0;
   right: 0;
}

.contentexto h5{
  font-size: 60px;
  display: none;
  margin-bottom: .5em;
}

.contentexto a{
  font-size: 20px;
  color:white;
  text-decoration: none;
  transition: all .5s ease-in-out;
  display: none;
}

.contentexto a:hover{
  background-color: white;
  color:#00a29d;
}



#loader{
  position: fixed;
  width: 100%;
  height:100%;
  z-index: 300000;
  background-color: black;
  top: 0;
 
}

#loader video{
  position: absolute;
  top: 20%;
  width: 50%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  font-size: 25px;
  color:white;
  text-decoration: none;
  transition: all .5s ease-in-out;
}



.btn-outlinerz{
  width: 35%;
  padding: 10px 20px;
  border: 2px solid white;
  border-radius: 40px;
  display: block;
  margin: 0 auto;
  color: white;
  font-size: 20px;
}



/*------------------------------------------------------------------------MODAL CASERO-----------*/

#crosseded-modal{
  position: absolute;
  font-size:15px;
  color:white;
  margin: 0 auto;
  bottom: 1.5%;
  display: block;
  width: 30px;
  height: 20px;
  left: 0;
  right: 0;
}

#crosseded-modal:hover{
  cursor: pointer;
}

#openmodal{
  background-color: rgba(0,0,0,1);
  position: relative;
}

#openmodal img{
  opacity: .7;
}

#openmodal button{
  position: absolute;
  bottom: 1em;
  margin: 0 auto;
  display: block;
  left: 0;
  right: 0;
  font-size: 15px;
}

.hr-bar{
  height: 10px;
  width: 100%;
  border-radius: 5px 5px 0px 0px;
  background-color: #00a29d;
  border: none;
}

.modalcasero{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  position: fixed;
  z-index: 200000;
  top: 0;
  display: none;
}

#content-modal{
  position: absolute;
  width: 50%;
  height: 90%;
  background-color: #ffffff;
  border-radius: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 5%;
}

#videotop{
  /*border-radius: 5px 5px 0px 0px;*/
  border: none;
  width: 100%;
}

#content-modal div{
  overflow-y: scroll;
  height: 15em;
  padding: 2em;
}

#btn-casero{
  text-align: center;
  background-color: #00a29d;
  color: white;
  padding:10px 20px;
  border-radius:40px;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
  width: 15em;
  position: absolute;
  bottom: 1%;
  left: 0;
  right: 0;
}
#btn-casero:hover{
  cursor: pointer;
}

/*--------------------------------------------------------------------------SCROLLBAR----------*/
::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #00a29d;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
/*---------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------C A R D  D E  N O T I C I A S-----------*/
.noticard{
  width: 400px;
  background-color: #ffffff;
  border:1px solid rgba(30,30,30,.4);
  margin: 0 5px;
}
.noticard div{
  height: 40%;
  width: 100%;
}
.noticard div img{
  width: 100%;
  height: 100%;
}

.noticard hr{
  margin: 10px 0;
}

.notitextus{
  padding: 1em;
  color: grey;
  width: 100%;
  height: 400px;
}

.notitextus h4{
  font-size: 30px;
  font-weight: bolder;
}

.notitextus div{
  height: 0;
  overflow-y: scroll;
  transition: all .5s ease-in-out;
}

.notitextus div p{
  font-style: italic;
  font-size: 20px;
}

.foot{
  visibility: hidden;
}
/*---------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------MEDIAQUERIES DE FEDE------*/

@media (min-width: 425px) and (max-width: 767px) {
     #loader{
          position: fixed;
          width: 100%;
          height:100%;
          z-index: 300000;
          background-color: black;
          top: 0;
      }

      #loader video{
          position: absolute;
          top: 20%;
          width: 100%;
          left: 0;
          right: 0;
          display: block;
          margin: 0 auto;
      }
      .contentexto h5{
          font-size: 40px;
        }
        #content-modal{
            position: absolute;
            width: 90%;
            height: 90%;
            background-color: #ffffff;
            border-radius: 5px;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 5%;
        }
        #content-modal div{
              overflow-y: scroll;
              height: 25em;
              padding: 1em;
        }
}


@media (max-width: 375px) {

  .contentexto{
   color: white;
   position: absolute;
   top: 15em;
   margin: 0 auto;
   display: block;
   text-align: center;
   left: 0;
   right: 0;
  }

  .contentexto h5{
    font-size: 2em;
  }

  .contentexto a{
    font-size: 15px;
  }

  .btn-outlinerz{
    width: 50%;
    padding: 10px 20px;
  }

  .hero{
    height: 70vh;
  }
  #loader video{
    position: absolute;
    top: 30%;
    width: 100%;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
  }
  .btn-outliner{
    width: 65%;
    padding: 10px 0px;
    border: 2px solid white;
    border-radius: 40px;
    display: block;
    margin: 0 auto;
  }

#content-modal{
  position: absolute;
  width: 90%;
  height: 90%;
  background-color: #ffffff;
  border-radius: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 5%;
}

#content-modal div{
  overflow-y: scroll;
  height: 21em;
  padding: 1em;
}

#btn-casero{
  text-align: center;
  background-color: #00a29d;
  color: white;
  padding:10px 20px;
  border-radius:40px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  width: 12em;
  font-size: 12px;
}
::-webkit-scrollbar {
  width: 2px;
  height: 3px;
}

}



@media (min-width: 1366px) {

  .contentexto{
    top: 12em; 
  }
  #btn-casero{
    margin-top: 10px;
  }
}


#img-observatorio{
  width: 20%;
}

@media (max-width: 786px) {
  #img-observatorio{
    width: 50%;
  }
}

.aval-img {
  filter: grayscale(1);
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modalfecha {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../img/visitas/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modalfecha {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalfecha {
    display: block;
}

/*---------------------------------------UPDATE 23-02-2021-----------------------------*/
.notitextus h4{
  transition: all .3s ease-in-out;
}

.notitextus h4:hover{
     cursor: pointer;
     color: teal;
}

@media (max-width:600px) {
  .trail{
    margin: auto;
    width: 90% !important;
  }
}

//-----------------------------17/06/2021--------------------------------------------


@media (max-width: 785px){
  #meet{
  width:  60% !important;
  margin: auto;
  }
}

@media (max-width: 600px) {
  #meet{
   width:  80% !important;
   margin: auto;
  }
}

@media (min-width: 786px){
 #meet{
    width:  40%;
    margin: auto;
  }
}