@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap");
html {
  font-size: 110%;
}

body,
strong,
h1,
h2,
h3,
h4,
h5,
h6,
table th,
.destacado,
.modulohome .cuadricula .info p,
#listadoitems .elementos li a {
  font-family: 'Lato', sans-serif;
}

body {
  color: #5d737e;
}

strong {
  font-weight: bold;
}

#main-nav {
  background: #afd3e8;
}

.txtcolortema2,
.acordeon .ui-accordion-header .ui-accordion-header-icon:before {
  color: #ea654c;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 .txtcolortema2,
h2 .txtcolortema2,
h3 .txtcolortema2,
h4 .txtcolortema2,
h5 .txtcolortema2,
h6 .txtcolortema2 {
  color: #bf9747;
}

h2.tipo2,
h3.tipo2,
h4.tipo2,
h5.tipo2,
h6.tipo2,
table th,
.acordeon .ui-accordion-header,
#listadoitems .elementos li a,
#listadoitems h2,
.hitos h2 {
  color: #387f8d;
}

ul.tipo1,
ul.tipo2{
  margin-left: 30px;
}

ul.tipo1 li,
ul.tipo2 li {
  background-image: none !important;
  padding-left: 15px;
  position: relative;
}
  
ul.tipo2 li {
  padding-left: 0;
}

ul.tipo1 li:before {
  background: #5f6368;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 0;
  margin: 12px 0 0;
  position: absolute;
  width: 8px;
}

.txt-m{
  line-height: 1.5em;
}

@media (min-width: 67.5em){
  h1{
    font-size: 3.5rem;
  }
}

h1 + p .txt-l, 
h1 + h2 + p .txt-l  {
  font-family: "Crimson Text",serif;
  line-height: 1.4em;
}

.fondo4 ul.tipo1 li:before{
  background: #fff
}

ul.tipo2 li:before {
  content: "\25AA";
  display: inline-block;
  margin-right: 15px;
}

#atajo {
  z-index: 100;
}

#atajo a,
.enlaces-contenidos a {
  background: #ea654c;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

@media (min-width: 59em){
  .hitos .caja-mes:nth-child(even) h2{
    float: right;
    text-align: left;
  }
  .hitos .caja-mes:nth-child(even) h2:before{
    background: #b1bcc1;
    content: "";
    display: inline-block;
    height: 1px;
    vertical-align: top;
    width: 70px;
  }
  .hitos .caja-mes:nth-child(even) h2:after{
    display: none;
  }
  .hitos .caja-mes:nth-child(even) .mes{
    flex-direction: row-reverse;
  }
}

@media (min-width: 67.5em) {
  .enlaces-contenidos {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .enlaces-contenidos p.siguiente-cont a:before {
    display: none;
  }

  .enlaces-contenidos p.siguiente-cont a:after {
    color: #fff;
    content: "\f006";
    flex: 0 0 50px;
    font-family: fontello;
    font-size: 29px !important;
    height: 39px !important;
    padding: 11px 0 0;
    text-align: center;
    width: 50px !important;
  }

  .enlaces-contenidos p.siguiente-cont a {
    align-items: center;
    border-radius: 35px;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    max-width: 50px;
    overflow: hidden;
    padding-top: 1px;
    position: relative;
    text-align: right;
    transition: max-width 1s;
    vertical-align: top;
    white-space: nowrap;
  }

  .enlaces-contenidos p.siguiente-cont a span {
    padding-left: 30px;
  }

  .enlaces-contenidos p.siguiente-cont a:hover {
    max-width: 600px;
    width: auto;
  }
}
.fondo1,
.boton *,
.boton.tipo2 *:hover,
.modulohome .cuadricula .info:nth-child(3) {
  background: #387f8d;
}

.fondo3 {
  background: #a9615f;
}

.fondo4 {
  background: #1A1639;
}

.caja-img .pie-foto:before {
  background: #ea654c;
}

.boton.tipo2 *,
.boton *:hover {
  background: #fff;
  border-color: #387f8d;
  color: #387f8d;
}

.boton.tipo2 *:hover {
  color: #fff;
}

.destacado {
  font-weight: 300;
}

.destacado.fondo2 a:hover{
  color: #fff !important;
}

/*.contenedor .bloque.intro.intro2 .zona-izd,
.contenedor .bloque.intro .zona-izd {
  font-size: 1.2rem;
}*/

.fondo4 .caja-tabla {
  background: transparent;
}

.fondo4 table {
  border: 0;
}

.fondo4 table th,
.fondo4 table th {
  border-color: #ba3230 !important;
}

.modulohome .intro-dest .texto p {
  bottom: 0;
  font-size: 1.2rem;
  position: absolute;
  right: 20px;
  z-index: 10;
}

.modulohome .intro-dest .texto p a {
  text-decoration: none;
}

.modulohome .cuadricula .info p,
.modulohome .cuadricula .info p a strong {
  font-weight: 300;
}

.modulohome .cuadricula .info:nth-child(2),
.modulohome .cuadricula .doble:last-child .info {
  background: #5b3c39;
}

.modulohome .cuadricula .doble:nth-child(4) .info {
  background: #bf9747;
}

.modulohome .cuadricula .doble:nth-child(7) .info {
  background: #328cc1;
}

.caja-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0; overflow: hidden;
  margin-bottom: 50px;
}
.caja-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}