@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&display=swap');

html {
  font-size: 105%;
}

body {
  color: #676c72;
}

#recurso a{text-decoration:none;}

.fondo1 {
  background-color: #6eb5bf;
}
.fondo2 {
  background-color: #ed8c73;
}
.fondo3 {
  background-color: #1a3d73;
}
.fondo4 {
  background-color: #f5f1e9;
  color: #000;
}
.fondo4 * {
  color: #000;
}
.fondo4 .caja-tabla {
  background:#f5f1e9;
}
.fondo4 table {
  border: none;
}
.fondo4 table th {
  border-bottom: 2px solid #b51f1f;
  color: #b51f1f;
  text-transform:uppercase;
}

h1, h2, h2.tipo2, h3.tipo2, h4.tipo2, h5.tipo2, h6.tipo2{color:#b51f1f;text-transform:uppercase;}
h3, h4, h5, h6{color: #676c72;font-family: open-sans-semibold;margin-bottom:15px;}
.txtcolortema2, .hitos .mes > div p a, .hitos .mes > div p a:after, .acordeon .ui-accordion-header .ui-accordion-header-icon:before {color:#b51f1f;}
#listadoitems .elementos li a,
#listadoitems h2,
.hitos h2{color: #1a3d73;}
.hitos .mes > div img {max-width:590px;}
.hitos .mes > div p a{font-family: open-sans-semibold;}

h1 {font-size: 1.7rem;line-height:1.1em;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.05rem;}
h4, h3.tipo2 {
  font-size: 1.1rem;
}
h5, h6 {
  font-size: 1rem;
}

h1 + p .txt-l, 
h1 + h2 + p .txt-l, .txt-m {
  line-height: 1.5em;
}

#main-nav .icono-cerrar::before {color:#fff;}
#main-nav{background:#575e62;}
#main-nav ul#n2 li a {color:#fff !important;}
#main-nav ul#n2 li a:hover {opacity:.7;transition: all 300ms;}

.contenedor .bloque.intro .zona-izd{padding-top:50px;}

.modulohome .intro-dest .texto{text-align:left;box-sizing:border-box;padding:0 25px;}
.modulohome .intro-dest .texto h2 {
	color: #676c72;
	font-size: 1.4em;
	letter-spacing:6px;
	font-weight:700;
}
.modulohome .intro-dest .texto h2 strong{color:#b51f1f;font-family:'Crimson Text';font-size:2em;font-weight:700;letter-spacing:12px;}
.modulohome .intro-dest .texto p {
  bottom: 20px;
  font-size: 1.2rem;
  position: absolute;
  left: 50px;
  z-index: 10;
}
.modulohome .intro-dest .texto p a{color:#676c72;text-decoration:none;}
.modulohome .intro-dest .texto p a:hover {opacity:.7;transition: all 300ms;}

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

.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%;
}

#atajo {
  z-index: 100;
}

@media (min-width: 47em){
	.contenedor .bloque.intro .zona-dch > img {
		width: 100%;
		object-fit: cover;
	}
	.bloque .destacado{height:100%;min-height: 425px;}
}

@media (min-width: 59em){
	.hitos .linea-tiempo {
		margin-top: 60px;
	}
  .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) {
	#recurso a:hover{text-decoration:underline;}
	.fondo2 a:hover {
		color: #fff;
		opacity:.7;
	}
	h1 {
	  font-size: 2.4rem;
	}
	h2 {
	  font-size: 1.7rem;
	}
	h3 {
	  font-size: 1.15rem;
	}
	.contenedor .bloque.intro .zona-izd{padding-top:80px;}
	.modulohome .intro-dest .texto{padding:0 60px;}
	.modulohome .intro-dest .texto h2 {line-height:1.7em;}

  .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;
  }
}

@media (min-width: 1700px) {
	#main-section {
		font-size: 1em;
	}
	.bloque .destacado{font-size:1.9em;}
}