:root {
  --c-negro: #000000;
  --c-negroclaro: #282828;
  --c-grisoscuro: #666666;
  --c-gris: #f2f2f2;
  --c-blanco: #ffffff;
  --c-naranja: #EA4113;
  --c-azul-dark: #213949;
  --c-azul: #002A80;
  --c-celeste: #1D64F2;
  --c-turquesa: #199EBD;
  --c-verde: #89A79E;
  --c-verde-dark: #1E4A54;
  --c-rojo: #ff938c;
  --c-violeta: #d28abe;
  --c-mostaza: #fdcf20;
  --c-barra1: #8f8f8f85;
  --c-barra2: #333333AA;
}

.admin-bar header {
  top: 32px;
}

/**/
html {
  height: auto;
  font-size: 10px;
}

body {
  height: auto;
  font-size: 2.25rem;
  color: var(--c-grisoscuro);
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  background: var(--c-negroclaro);
  line-height: 1.18;
}

a {
  color: var(--c-negroclaro);
  transition: all 0.3s ease;
}

a:hover,
a:focus {
  color: var(--c-negroclaro);
  text-decoration: none;
}

:focus {
  outline: 0 !important;
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  line-height: 1.18;
}

b, strong {
  font-weight: 500;
}

/**/
.btn {
  border-radius: 1.2rem;
  border: 1px solid var(--c-grisoscuro);
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0.3rem 1.8rem 0.3rem 1.8rem;
  width: initial;
  box-shadow: none !important;
  transition: all 0.3s ease;
  background-color: var(--c-grisoscuro);
  color: var(--c-blanco);
  display: inline-flex;
  gap: 1.1rem;
  align-items: center;
  justify-content: center;
  height: 4.2rem;
}
.btn svg {
  fill: transparent;
  stroke: var(--c-blanco);
  width: 2rem;
  transition: all 0.3s ease;
}
.btn:hover svg, .btn:active svg {
  transform: translateX(0.5rem);
}
.btn.btn-default, .btn.btn-default:focus {
  background-color: var(--c-naranja) !important;
  color: var(--c-blanco) !important;
  border-color: var(--c-naranja) !important;
}
.btn.btn-default:hover, .btn.btn-default:active {
  background-color: var(--c-blanco) !important;
  color: var(--c-naranja) !important;
  border-color: var(--c-naranja) !important;
}
.btn.btn-default:hover svg, .btn.btn-default:active svg {
  stroke: var(--c-naranja);
}
.btn.btn-primary svg {
  stroke: var(--c-naranja);
}
.btn.btn-primary, .btn.btn-primary:focus {
  background-color: transparent !important;
  color: var(--c-naranja) !important;
  border-color: var(--c-naranja) !important;
}
.btn.btn-primary:hover, .btn.btn-primary:active {
  background-color: var(--c-naranja) !important;
  color: var(--c-blanco) !important;
  border-color: var(--c-naranja) !important;
}
.btn.btn-primary:hover svg, .btn.btn-primary:active svg {
  stroke: var(--c-blanco);
}
.btn.btn-cargar, .btn.btn-cargar:focus {
  background-color: var(--c-grisoscuro) !important;
  color: var(--c-blanco);
}
.btn.btn-cargar:hover, .btn.btn-cargar:active {
  background-color: var(--c-negroclaro) !important;
  color: var(--c-blanco) !important;
}

.row-news {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

.col-news {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.row-anchochico {
  margin-left: -4rem;
  margin-right: -4rem;
}

.col-anchochico {
  padding-left: 4rem;
  padding-right: 4rem;
}

.row-tag {
  margin-left: -4.5rem;
  margin-right: -4.5rem;
}

.col-tag {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
  margin-bottom: 4rem;
}

/**/
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}

.home-sup {
  display: block;
  position: relative;
  background: var(--c-blanco);
}
.home-sup:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--c-negroclaro);
  opacity: 0.8;
}
.home-sup .txt {
  color: var(--c-blanco);
  text-align: center;
  font-size: 1.3rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  position: relative;
  transition: all 0.3s ease;
}
.home-sup:hover .txt {
  opacity: 0.7;
}

.cabecera {
  background: var(--c-blanco);
}
.cabecera .redes {
  padding-left: 3rem;
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 0;
  gap: 0.8rem;
}
.cabecera .redes a {
  display: inline-block;
  height: 2.4rem;
  width: 2.4rem;
}
.cabecera .redes a svg {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  fill: var(--c-negroclaro);
}
.cabecera .logo {
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cabecera h1 {
  text-align: center;
  line-height: 0;
}
.cabecera h1 a {
  display: inline-block;
}
.cabecera h1 a img {
  width: 32rem;
  height: auto;
}
.cabecera .buscar {
  text-align: right;
  padding-top: 2.6rem;
}
.cabecera .buscador {
  display: inline-block;
  border: 1px solid var(--c-turquesa);
  overflow: hidden;
  border-radius: 1rem;
}
.cabecera .buscador .lupa {
  float: left;
  width: 3.6rem;
  height: 3.6rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cabecera .buscador .lupa img {
  width: 1.8rem;
  height: 1.8rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.cabecera .buscador input {
  border: 0 none;
  background: var(--c-blanco);
  color: var(--c-turquesa);
  box-shadow: none;
  overflow: hidden;
  height: 3.6rem;
  width: 25rem;
  padding: 0.5rem 1.2rem 0.5rem 0;
  font-size: 1.2rem;
}
.cabecera .buscador input::-moz-placeholder {
  color: var(--c-turquesa);
}
.cabecera .buscador input::placeholder {
  color: var(--c-turquesa);
}

nav {
  background: var(--c-negroclaro);
  text-align: center;
  line-height: 1;
}
nav ul {
  list-style: none;
  padding: 0.6rem 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  max-width: 78rem;
}
nav ul li {
  font-size: 1.1rem;
  font-weight: 500;
}
nav ul li a,
nav ul li a:focus {
  color: var(--c-blanco) !important;
  display: block;
  padding: 0.3rem 0.8rem;
  border-radius: 0.8rem;
  position: relative;
  line-height: 1;
}
nav ul li a:hover {
  color: var(--c-grisoscuro);
}
nav ul li.active a,
nav ul li a:hover {
  background: var(--c-grisoscuro);
}

nav ul li.active a.naranja,
nav ul li a.naranja:hover {
  background: var(--c-naranja);
}
nav ul li.active a.azul-dark,
nav ul li a.azul-dark:hover {
  background: var(--c-azul-dark);
}
nav ul li.active a.azul,
nav ul li a.azul:hover {
  background: var(--c-azul);
}
nav ul li.active a.celeste,
nav ul li a.celeste:hover {
  background: var(--c-celeste);
}
nav ul li.active a.turquesa,
nav ul li a.turquesa:hover {
  background: var(--c-turquesa);
}
nav ul li.active a.verde-dark,
nav ul li a.verde-dark:hover {
  background: var(--c-verde-dark);
}
nav ul li.active a.verde,
nav ul li a.verde:hover {
  background: var(--c-verde);
}

section.primera-seccion {
  height: 100svh;
  padding-top: 12rem;
  background: var(--c-blanco);
}

.destacado-home {
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.destacado-home .prop {
  display: none;
}
.destacado-home .txt {
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  flex-direction: column;
}
.destacado-home .txt .cate {
  display: flex;
  align-items: flex-start;
}
.destacado-home .txt .cate a {
  position: relative;
  background: var(--c-grisoscuro);
  color: var(--c-blanco);
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  padding: 0.3rem 1.2rem;
  border-radius: 1rem;
}
.destacado-home .txt h1 span, .destacado-home .txt h2 span {
  background: var(--c-negroclaro);
  color: var(--c-blanco);
  font-size: 5.6rem;
  display: inline;
  padding: 0.6rem 1.5rem;
  border-radius: 1rem;
  line-height: 1.3;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.destacado-home .txt .leer-mas {
  position: relative;
}
.destacado-home.naranja .txt .cate a {
  background: var(--c-naranja);
}
.destacado-home.azul-dark .txt .cate a {
  background: var(--c-azul-dark);
}
.destacado-home.azul .txt .cate a {
  background: var(--c-azul);
}
.destacado-home.celeste .txt .cate a {
  background: var(--c-celeste);
}
.destacado-home.turquesa .txt .cate a {
  background: var(--c-turquesa);
}
.destacado-home.verde-dark .txt .cate a {
  background: var(--c-verde-dark);
}
.destacado-home.verde .txt .cate a {
  background: var(--c-verde);
}

.masleidos {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  background: var(--c-blanco);
}
.masleidos .flechas {
  overflow: hidden;
  margin-bottom: 7rem;
  display: flex;
  justify-content: space-between;
}
.masleidos .flechas .ant, .masleidos .flechas .sig {
  width: 5.6rem;
  height: 5.6rem;
  cursor: pointer;
}
.masleidos .flechas .ant img, .masleidos .flechas .sig img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.masleidos .flechas .sig img {
  rotate: 180deg;
}
.masleidos .flechas h3 {
  text-align: center;
  font-size: 2.25rem;
  color: var(--c-turquesa);
  border: 1px solid var(--c-turquesa);
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  margin: 0 1.5rem;
}
.masleidos .notas .slick-track {
  min-width: 100%;
}
.masleidos .notas .slick-slider:before, .masleidos .notas .slick-slider:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: 2.5rem;
  background: var(--c-blanco);
  z-index: 2;
}
.masleidos .notas .slick-slider:before {
  left: 0;
}
.masleidos .notas .slick-slider:after {
  right: 0;
}
.masleidos .nota {
  background: var(--c-gris);
  position: relative;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
}
.masleidos .nota .img {
  overflow: hidden;
  border-radius: 1.2rem;
}
.masleidos .nota .img img {
  aspect-ratio: 350/235;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.masleidos .nota:hover .img img {
  transform: scale(1.1);
}
.masleidos .nota .txt {
  padding: 1.8rem 1.8rem 1.8rem;
}
.masleidos .nota .txt .cate {
  margin-bottom: 1.5rem;
  display: flex;
}
.masleidos .nota .txt .cate a {
  display: flex;
  color: var(--c-blanco);
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  border-radius: 1rem;
  background: var(--c-grisoscuro);
  padding: 0.3rem 1.2rem;
  font-weight: 500;
  height: 2.4rem;
}
.masleidos .nota .txt h2 {
  font-size: 2.25rem;
  font-weight: 500;
  color: var(--c-azul);
  transition: all 0.3s ease;
}
.masleidos .nota .inf {
  padding: 0 1.8rem 1.8rem;
  margin-top: auto;
}
.masleidos .nota .inf .autor {
  color: var(--c-grisoscuro);
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
}
.masleidos .nota.naranja .cate a {
  background: var(--c-naranja) !important;
}
.masleidos .nota.azul-dark .cate a {
  background: var(--c-azul-dark) !important;
}
.masleidos .nota.azul .cate a {
  background: var(--c-azul) !important;
}
.masleidos .nota.celeste .cate a {
  background: var(--c-celeste) !important;
}
.masleidos .nota.turquesa .cate a {
  background: var(--c-turquesa) !important;
}
.masleidos .nota.verde-dark .cate a {
  background: var(--c-verde-dark) !important;
}
.masleidos .nota.verde .cate a {
  background: var(--c-verde) !important;
}

.ultimas {
  background: var(--c-gris);
  border-top: 1px solid var(--c-turquesa);
}
.ultimas .titu {
  border-bottom: 1px solid var(--c-turquesa);
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}
.ultimas .titu h3 {
  font-size: 2.25rem;
  color: var(--c-turquesa);
}
.ultimas .notas {
  padding-top: 6rem;
  padding-bottom: 7rem;
}
.ultimas .notas .ultima {
  background: var(--c-blanco);
  position: relative;
  height: 66rem;
  overflow: hidden;
}
.ultimas .notas .ultima .img {
  width: 50%;
  height: 100%;
  float: left;
  overflow: hidden;
}
.ultimas .notas .ultima .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.ultimas .notas .ultima:hover .img img {
  transform: scale(1.1);
}
.ultimas .notas .ultima .img-movil {
  display: none;
}
.ultimas .notas .ultima .txt {
  overflow: hidden;
  height: 100%;
  padding: 3.5rem 4rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
.ultimas .notas .ultima .txt .cate {
  font-weight: 500;
  font-size: 1.3rem;
  margin-bottom: 3.5rem;
}
.ultimas .notas .ultima .txt .cate a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  padding: 0.3rem 1.2rem;
  border-radius: 1rem;
  color: var(--c-blanco) !important;
  background-color: var(--c-grisoscuro);
}
.ultimas .notas .ultima .txt h2 {
  font-size: 4.5rem;
  margin-bottom: 3rem;
  color: var(--c-azul);
}
.ultimas .notas .ultima .txt .resumen p {
  font-size: 1.8rem;
  color: var(--c-grisoscuro);
  margin-bottom: 1rem;
}
.ultimas .notas .ultima .txt .inf {
  margin-top: auto;
}
.ultimas .notas .ultima .txt .inf .autor {
  color: var(--c-grisoscuro);
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
}
.ultimas .notas .ultima.naranja .txt .cate a {
  background-color: var(--c-naranja);
}
.ultimas .notas .ultima.azul-dark .txt .cate a {
  background-color: var(--c-azul-dark);
}
.ultimas .notas .ultima.azul .txt .cate a {
  background-color: var(--c-azul);
}
.ultimas .notas .ultima.celeste .txt .cate a {
  background-color: var(--c-celeste);
}
.ultimas .notas .ultima.turquesa .txt .cate a {
  background-color: var(--c-turquesa);
}
.ultimas .notas .ultima.verde-dark .txt .cate a {
  background-color: var(--c-verde-dark);
}
.ultimas .notas .ultima.verde .txt .cate a {
  background-color: var(--c-verde);
}
.ultimas .notas .otras {
  background: var(--c-blanco);
  height: 66rem;
  overflow: hidden;
}
.ultimas .notas .otras .nano {
  background: var(--c-blanco);
}
.ultimas .notas .otras .nano .nano-content {
  padding: 0 1.3rem 0 0;
}
.ultimas .notas .otras .nano .nano-pane {
  background: var(--c-barra1);
  width: 1.3rem;
  border-radius: 0;
}
.ultimas .notas .otras .nano .nano-slider {
  background: var(--c-barra2);
  margin: 0 0.3rem;
  border-radius: 0.5rem;
  opacity: 0.7;
}
.ultimas .notas .otras-caja {
  padding: 1rem;
}
.ultimas .notas .otra {
  border-bottom: 1px solid var(--c-turquesa);
  overflow: hidden;
  padding: 1.4rem 0 2rem;
}
.ultimas .notas .otra:first-child {
  padding-top: 0.5rem;
}
.ultimas .notas .otra:last-child {
  border-bottom: 0 none;
  padding-bottom: 1rem;
}
.ultimas .notas .otra .fecha {
  float: left;
  width: 5.8rem;
  padding-right: 1rem;
  line-height: 1;
  color: var(--c-grisoscuro);
  padding-top: 0.3rem;
  text-align: center;
  opacity: 0.5;
}
.ultimas .notas .otra .fecha .dia {
  font-size: 2.25rem;
}
.ultimas .notas .otra .fecha .mes {
  font-size: 1.5rem;
  text-transform: capitalize;
}
.ultimas .notas .otra .txt {
  overflow: hidden;
}
.ultimas .notas .otra .txt .cate {
  font-weight: 500;
  font-size: 1.3rem;
  margin-bottom: 1.3rem;
}
.ultimas .notas .otra .txt .cate a {
  color: var(--c-blanco) !important;
  background-color: var(--c-grisoscuro);
  padding: 0.3rem 1.2rem;
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
}
.ultimas .notas .otra .txt h2 {
  font-size: 2.25rem;
  margin-bottom: 1.3rem;
  color: var(--c-azul);
  font-weight: 500;
  transition: all 0.3s ease;
}
.ultimas .notas .otra.naranja .txt .cate a {
  background-color: var(--c-naranja);
}
.ultimas .notas .otra.azul-dark .txt .cate a {
  background-color: var(--c-azul-dark);
}
.ultimas .notas .otra.azul .txt .cate a {
  background-color: var(--c-azul);
}
.ultimas .notas .otra.celeste .txt .cate a {
  background-color: var(--c-celeste);
}
.ultimas .notas .otra.turquesa .txt .cate a {
  background-color: var(--c-turquesa);
}
.ultimas .notas .otra.verde-dark .txt .cate a {
  background-color: var(--c-verde-dark);
}
.ultimas .notas .otra.verde .txt .cate a {
  background-color: var(--c-verde);
}

.especiales {
  background: var(--c-blanco);
  border-top: 1px solid var(--c-turquesa);
}
.especiales .titu {
  border-bottom: 1px solid var(--c-turquesa);
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}
.especiales .titu h3 {
  font-size: 2.25rem;
  color: var(--c-turquesa);
}
.especiales .titu-movil {
  display: none;
}
.especiales .notas {
  padding-top: 5.5rem;
  padding-bottom: 7rem;
}
.especiales .notas .slick-slider:before, .especiales .notas .slick-slider:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: 2.5rem;
  background: var(--c-blanco);
  z-index: 2;
}
.especiales .notas .slick-slider:before {
  left: 0;
}
.especiales .notas .slick-slider:after {
  right: 0;
}
.especiales .notas .slick-prev,
.especiales .notas .slick-next {
  position: absolute;
  top: 50%;
  margin-top: -5rem;
  width: 5rem;
  height: 5rem;
  background-color: transparent;
  border: 0 none;
  font-size: 1px;
  overflow: hidden;
  text-indent: -20rem;
  z-index: 3;
  background-image: url(../images/flechat.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.especiales .notas .slick-prev {
  left: -5rem;
}
.especiales .notas .slick-next {
  right: -5rem;
  transform: rotate(180deg);
}
.especiales .notas .slick-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  padding-top: 3rem;
}
.especiales .notas .slick-dots li {
  display: inline-block;
  margin: 0 1rem;
}
.especiales .notas .slick-dots li button {
  background: var(--c-blanco);
  border: 1px solid var(--c-turquesa);
  border-radius: 50%;
  font-size: 1px;
  overflow: hidden;
  text-indent: -20rem;
  height: 1.4rem;
  width: 1.4rem;
  padding: 0;
}
.especiales .notas .slick-dots li.slick-active button {
  background: var(--c-turquesa);
}
.especiales .notas .slick-track {
  min-width: 100%;
}
.especiales .nota {
  background: var(--c-gris);
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 1.2rem;
}
.especiales .nota .img {
  overflow: hidden;
  border-radius: 1.2rem;
}
.especiales .nota .img img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1.1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.especiales .nota:hover .img img {
  transform: scale(1.1);
}
.especiales .nota .txt {
  padding: 1.8rem 1.8rem 1.8rem;
}
.especiales .nota .txt .cate {
  margin-bottom: 1.5rem;
  display: flex;
}
.especiales .nota .txt .cate a {
  display: flex;
  color: var(--c-blanco);
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  border-radius: 1rem;
  background: var(--c-grisoscuro);
  padding: 0.3rem 1.2rem;
  font-weight: 500;
  height: 2.4rem;
}
.especiales .nota .txt h2 {
  font-size: 2.25rem;
  font-weight: 500;
  color: var(--c-azul);
  transition: all 0.3s ease;
}
.especiales .nota .inf {
  padding: 0 1.8rem 1.8rem;
  margin-top: auto;
}
.especiales .nota .inf .autor {
  color: var(--c-grisoscuro);
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
}
.especiales .nota.naranja .cate a {
  background: var(--c-naranja) !important;
}
.especiales .nota.azul-dark .cate a {
  background: var(--c-azul-dark) !important;
}
.especiales .nota.azul .cate a {
  background: var(--c-azul) !important;
}
.especiales .nota.celeste .cate a {
  background: var(--c-celeste) !important;
}
.especiales .nota.turquesa .cate a {
  background: var(--c-turquesa) !important;
}
.especiales .nota.verde-dark .cate a {
  background: var(--c-verde-dark) !important;
}
.especiales .nota.verde .cate a {
  background: var(--c-verde) !important;
}

.ban-homeinf .img a {
  display: block;
}
.ban-homeinf .img a img {
  width: 100%;
}

section.primera-seccion-noticia {
  height: 72rem;
  padding-top: 11.8rem;
  background: var(--c-blanco);
  position: relative;
}

section.primera-seccion-noticia .espacio {
  height: 5rem;
}

.tituplano {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: var(--c-gris);
  height: 72rem;
  opacity: 0;
  transition: opacity 0.2s ease, z-index 0.2s step-end;
  z-index: -1;
}
.tituplano.visible {
  opacity: 1;
  z-index: 2;
  transition: opacity 0.2s ease, z-index 0.2s step-start;
}
.tituplano.pegado {
  position: fixed;
  height: 15.3rem;
}
.tituplano .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 1.8rem;
  padding-bottom: 0.5rem;
}

.progreso {
  position: absolute;
  background: var(--c-negroclaro);
  width: 107rem;
  height: 2rem;
  top: 71rem;
  left: 50%;
  margin-left: -53.5rem;
  z-index: 3;
  overflow: hidden;
  transition: left 0.2s ease, margin-left 0.2s ease, width 0.2s ease, border-radius 0.2s ease;
  border-radius: 0.8rem;
}
.progreso.ancho {
  left: 0;
  margin-left: 0;
  width: 100%;
  height: 0.8rem;
  top: 72rem;
  transition: left 0.2s ease, margin-left 0.2s ease, width 0.2s ease, border-radius 0.2s ease;
  border-radius: 0;
}
.progreso.pegado {
  position: fixed;
  top: 15.3rem;
  height: 0.8rem;
  left: 0;
  margin-left: 0;
  width: 100%;
  transition: initial;
}
.progreso .avance {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0%;
  background: var(--c-grisoscuro);
}
.progreso.naranja .avance {
  background: var(--c-naranja);
}
.progreso.azul-dark .avance {
  background: var(--c-azul-dark);
}
.progreso.azul .avance {
  background: var(--c-azul);
}
.progreso.celeste .avance {
  background: var(--c-celeste);
}
.progreso.turquesa .avance {
  background: var(--c-turquesa);
}
.progreso.verde-dark .avance {
  background: var(--c-verde-dark);
}
.progreso.verde .avance {
  background: var(--c-verde);
}

.interna {
  padding-top: 7rem;
  padding-bottom: 9rem;
  background: var(--c-blanco);
}
.interna .interes {
  width: 35rem;
}
.interna .interes h3 {
  font-size: 1.8rem;
  border: 1px solid var(--c-turquesa);
  padding: 0.8rem 1.5rem 0.8rem;
  border-radius: 1rem;
  margin-bottom: 2.5rem;
}
.interna .interes .notas {
  margin-bottom: 5rem;
}
.interna .interes .nota {
  background: var(--c-gris);
  margin-bottom: 2rem;
  overflow: hidden;
  position: relative;
  border-radius: 1.2rem;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
}
.interna .interes .nota:last-child {
  margin-bottom: 0;
}
.interna .interes .nota .img {
  height: 19rem;
  width: 100%;
  overflow: hidden;
  border-radius: 1.2rem;
}
.interna .interes .nota .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.interna .interes .nota:hover .img img {
  transform: scale(1.1);
}
.interna .interes .nota .txt {
  overflow: hidden;
  padding: 1.5rem;
}
.interna .interes .nota .txt .cate {
  margin-bottom: 1rem;
  display: flex;
}
.interna .interes .nota .txt .cate a {
  font-size: 1.3rem;
  color: var(--c-blanco);
  display: flex;
  align-items: center;
  border-radius: 1rem;
  padding: 0.3rem 1.2rem;
  font-weight: 500;
  height: 2.4rem;
  background-color: var(--c-grisoscuro);
}
.interna .interes .nota .txt h2 {
  font-size: 2.25rem;
  font-weight: 500;
  color: var(--c-azul);
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}
.interna .interes .nota .txt .leer-mas {
  padding-top: 0.3rem;
}
.interna .interes .nota.naranja .txt .cate a {
  background-color: var(--c-naranja);
}
.interna .interes .nota.azul-dark .txt .cate a {
  background-color: var(--c-azul-dark);
}
.interna .interes .nota.azul .txt .cate a {
  background-color: var(--c-azul);
}
.interna .interes .nota.celeste .txt .cate a {
  background-color: var(--c-celeste);
}
.interna .interes .nota.turquesa .txt .cate a {
  background-color: var(--c-turquesa);
}
.interna .interes .nota.verde-dark .txt .cate a {
  background-color: var(--c-verde-dark);
}
.interna .interes .nota.verde .txt .cate a {
  background-color: var(--c-verde);
}
.interna .publi-lista {
  margin-bottom: 8rem;
  width: 35rem;
}
.interna .publi-item {
  margin-bottom: 2rem;
}
.interna .publi-item:last-child {
  margin-bottom: 0;
}
.interna .publi-item img {
  width: 100%;
}
.interna .cuerpo {
  overflow: hidden;
}
.interna .cuerpo .prop {
  float: left;
  width: 12rem;
  border-top: 1px solid var(--c-turquesa);
  border-left: 1px solid var(--c-turquesa);
  border-right: 1px solid var(--c-turquesa);
  border-bottom: 1px solid var(--c-turquesa);
  border-radius: 0.9rem;
  margin-right: 2.5rem;
}
.interna .cuerpo .prop .cuadro {
  font-size: 1.2rem;
  line-height: 1.2;
  height: 6.3rem;
  padding-left: 4.8rem;
  border-bottom: 1px solid var(--c-turquesa);
}
.interna .cuerpo .prop .cuadro:last-child {
  border-bottom: 0 none;
}
.interna .cuerpo .prop .cuadro.cuadro-tiempo {
  background: url(../images/ico-tiempo.svg) 1.3rem center no-repeat;
  background-size: 2.4rem auto;
}
.interna .cuerpo .prop .cuadro.cuadro-ojo {
  background: url(../images/ico-ojo.svg) 1.1rem center no-repeat;
  background-size: 2.8rem auto;
}
.interna .cuerpo .prop .cuadro .txt {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.interna .cuerpo .prop .cuadro .txt .titu {
  color: var(--c-grisoscuro);
  margin-bottom: 0.3rem;
}
.interna .cuerpo .prop .cuadro .txt .valor {
  font-weight: 500;
  color: var(--c-grisoscuro);
}
.interna .cuerpo .medio {
  overflow: hidden;
}
.interna .cuerpo .medio .sup {
  border-bottom: 1px solid var(--c-turquesa);
  padding-bottom: 2rem;
  margin-bottom: 5.5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5rem;
}
.interna .cuerpo .medio .sup .escribe {
  padding-top: 0.3rem;
  font-size: 1.8rem;
}
.interna .cuerpo .medio .sup .share {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.interna .cuerpo .medio .sup .share span {
  font-size: 1.8rem;
}
.interna .cuerpo .medio .sup .share .links {
  display: flex;
  gap: 1rem;
}
.interna .cuerpo .medio .sup .share .links a {
  width: 3.2rem;
  height: 3.2rem;
}
.interna .cuerpo .medio .sup .share .links a svg {
  height: 100%;
  width: 100%;
  fill: var(--c-negroclaro);
}
.interna.naranja .cuerpo .prop .cuadro .txt .valor {
  color: var(--c-naranja);
}
.interna.azul-dark .cuerpo .prop .cuadro .txt .valor {
  color: var(--c-azul-dark);
}
.interna.azul .cuerpo .prop .cuadro .txt .valor {
  color: var(--c-azul);
}
.interna.celeste .cuerpo .prop .cuadro .txt .valor {
  color: var(--c-celeste);
}
.interna.turquesa .cuerpo .prop .cuadro .txt .valor {
  color: var(--c-turquesa);
}
.interna.verde-dark .cuerpo .prop .cuadro .txt .valor {
  color: var(--c-verde-dark);
}
.interna.verde .cuerpo .prop .cuadro .txt .valor {
  color: var(--c-verde);
}
.interna .cuerpo .medio .tags {
  padding-top: 4rem;
  margin-bottom: 5rem;
}
.interna .cuerpo .medio .tags h3 {
  font-weight: 500;
  font-size: 2.25rem;
  margin-bottom: 3rem;
  color: var(--c-negroclaro);
}
.interna .cuerpo .medio .tags .tags-lista {
  font-size: 1.8rem;
  display: flex;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  row-gap: 1rem;
  flex-wrap: wrap;
}
.interna .cuerpo .medio .tags .tags-lista a {
  color: var(--c-grisoscuro);
  display: inline-block;
  text-decoration: underline;
}
.interna .rela {
  padding-left: 14rem;
}
.interna .rela h3 {
  font-size: 1.8rem;
  border: 1px solid var(--c-turquesa);
  border-radius: 1rem;
  padding: 0.8rem 1.5rem 0.8rem;
  margin-bottom: 3.5rem;
  width: 81rem;
}
.interna .rela .nota {
  background: var(--c-gris);
  position: relative;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.interna .rela .nota .img {
  width: 100%;
  overflow: hidden;
  border-radius: 1.2rem;
}
.interna .rela .nota .img img {
  width: 100%;
  aspect-ratio: 460/315;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.interna .rela .nota:hover .img img {
  transform: scale(1.1);
}
.interna .rela .nota .txt {
  padding: 1.8rem;
}
.interna .rela .nota .txt .cate {
  margin-bottom: 1rem;
  display: flex;
}
.interna .rela .nota .txt .cate a {
  border-radius: 1rem;
  font-weight: 500;
  font-size: 1.3rem;
  padding: 0.3rem 1rem;
  display: flex;
  align-items: center;
  height: 2.4rem;
  color: var(--c-blanco);
  background: var(--c-grisoscuro);
}
.interna .rela .nota .txt h2 {
  font-size: 2.25rem;
  color: var(--c-azul);
  font-weight: 500;
}
.interna .rela .nota .inf {
  padding: 0 1.8rem 1.8rem;
  margin-top: auto;
}
.interna .rela .nota .inf .autor {
  color: var(--c-grisoscuro);
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
}
.interna .rela .nota.naranja .txt .cate a {
  background-color: var(--c-naranja);
}
.interna .rela .nota.azul-dark .txt .cate a {
  background-color: var(--c-azul-dark);
}
.interna .rela .nota.azul .txt .cate a {
  background-color: var(--c-azul);
}
.interna .rela .nota.celeste .txt .cate a {
  background-color: var(--c-celeste);
}
.interna .rela .nota.turquesa .txt .cate a {
  background-color: var(--c-turquesa);
}
.interna .rela .nota.verde-dark .txt .cate a {
  background-color: var(--c-verde-dark);
}
.interna .rela .nota.verde .txt .cate a {
  background-color: var(--c-verde);
}
.interna.naranja .cuerpo .medio .tags .tags-lista a:hover {
  color: var(--c-naranja) !important;
}
.interna.naranja .formato a:hover, .interna.naranja .formato a:hover b, .interna.naranja .formato a:hover strong {
  color: var(--c-naranja) !important;
}
.interna.azul-dark .cuerpo .medio .tags .tags-lista a:hover {
  color: var(--c-azul-dark) !important;
}
.interna.azul-dark .formato a:hover, .interna.azul-dark .formato a:hover b, .interna.azul-dark .formato a:hover strong {
  color: var(--c-azul-dark) !important;
}
.interna.azul .cuerpo .medio .tags .tags-lista a:hover {
  color: var(--c-azul) !important;
}
.interna.azul .formato a:hover, .interna.azul .formato a:hover b, .interna.azul .formato a:hover strong {
  color: var(--c-azul) !important;
}
.interna.celeste .cuerpo .medio .tags .tags-lista a:hover {
  color: var(--c-celeste) !important;
}
.interna.celeste .formato a:hover, .interna.celeste .formato a:hover b, .interna.celeste .formato a:hover strong {
  color: var(--c-celeste) !important;
}
.interna.turquesa .cuerpo .medio .tags .tags-lista a:hover {
  color: var(--c-turquesa) !important;
}
.interna.turquesa .formato a:hover, .interna.turquesa .formato a:hover b, .interna.turquesa .formato a:hover strong {
  color: var(--c-turquesa) !important;
}
.interna.verde-dark .cuerpo .medio .tags .tags-lista a:hover {
  color: var(--c-verde-dark) !important;
}
.interna.verde-dark .formato a:hover, .interna.verde-dark .formato a:hover b, .interna.verde-dark .formato a:hover strong {
  color: var(--c-verde-dark) !important;
}
.interna.verde .cuerpo .medio .tags .tags-lista a:hover {
  color: var(--c-verde) !important;
}
.interna.verde .formato a:hover, .interna.verde .formato a:hover b, .interna.verde .formato a:hover strong {
  color: var(--c-verde) !important;
}

.formato h2 {
  color: var(--c-grisoscuro);
  font-size: 2.25rem;
  margin-bottom: 3rem;
}
.formato p {
  margin-bottom: 2.25rem;
}
.formato strong, .formato b {
  color: var(--c-negroclaro);
}
.formato a {
  text-decoration: underline;
  color: var(--c-negroclaro);
}
.formato a b {
  transition: all 0.3s ease;
}
.formato a:hover {
  color: var(--c-grisoscuro);
}
.formato a:hover b, .formato a:hover strong {
  color: var(--c-grisoscuro);
}
.formato .imagen {
  text-align: center;
  padding-top: 1rem;
  margin-bottom: 4rem;
}
.formato .imagen img {
  max-width: 100%;
}
.formato .galeria {
  padding-top: 1rem;
  margin-bottom: 4rem;
  width: 81rem;
}
.formato .galeria .galitem-content {
  position: relative;
  width: 100%;
  padding-top: 61.73%;
}
.formato .galeria .galitem span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--c-gris);
}
.formato .galeria .galitem img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.formato .galeria .slick-prev,
.formato .galeria .slick-next {
  position: absolute;
  top: 50%;
  margin-top: -2.5rem;
  width: 5rem;
  height: 5rem;
  background-color: transparent;
  background-image: url(../images/flechat.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 0 none;
  font-size: 1px;
  overflow: hidden;
  text-indent: -20rem;
  z-index: 3;
}
.formato .galeria .slick-prev:after,
.formato .galeria .slick-next:after {
  display: none !important;
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 1.7rem;
  border-left: 1px solid var(--c-blanco);
  border-bottom: 1px solid var(--c-blanco);
}
.formato .galeria .slick-prev {
  left: 2.5rem;
}
.formato .galeria .slick-next {
  right: 2.5rem;
  rotate: 180deg;
}
.formato .galeria .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0 0 3rem;
}
.formato .galeria .slick-dots li {
  display: inline-block;
  margin: 0 1.2rem;
}
.formato .galeria .slick-dots li button {
  background: transparent;
  border: 1px solid var(--c-turquesa);
  border-radius: 50%;
  font-size: 1px;
  overflow: hidden;
  text-indent: -20rem;
  height: 2rem;
  width: 2rem;
  padding: 0;
}
.formato .galeria .slick-dots li.slick-active button {
  background: var(--c-turquesa);
}
.formato .video {
  padding-top: 1rem;
  margin-bottom: 4rem;
}
.formato .video span {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}
.formato .video span iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

section.primera-seccion-cate {
  margin-top: 11.8rem;
  height: 19rem;
  background: var(--c-grisoscuro);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.primera-seccion-cate.naranja {
  background: var(--c-naranja);
}
section.primera-seccion-cate.azul-dark {
  background: var(--c-azul-dark);
}
section.primera-seccion-cate.azul {
  background: var(--c-azul);
}
section.primera-seccion-cate.celeste {
  background: var(--c-celeste);
}
section.primera-seccion-cate.turquesa {
  background: var(--c-turquesa);
}
section.primera-seccion-cate.verde-dark {
  background: var(--c-verde-dark);
}
section.primera-seccion-cate.verde {
  background: var(--c-verde);
}
section.primera-seccion-cate .cate-nombre h1 {
  font-size: 4.5rem;
  color: var(--c-blanco);
}

.cate-notas {
  background: var(--c-blanco);
  padding-top: 7rem;
  padding-bottom: 5rem;
}
.cate-notas .nota {
  background: var(--c-gris);
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 1.2rem;
}
.cate-notas .nota .img {
  width: 100%;
  overflow: hidden;
  border-radius: 1.2rem;
}
.cate-notas .nota .img img {
  display: block;
  width: 100%;
  aspect-ratio: 460/315;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.cate-notas .nota:hover .img img {
  transform: scale(1.1);
}
.cate-notas .nota .img-movil {
  display: none;
}
.cate-notas .nota .txt {
  padding: 1.8rem;
}
.cate-notas .nota .txt .cate {
  margin-bottom: 1.5rem;
  display: flex;
}
.cate-notas .nota .txt .cate a {
  display: flex;
  color: var(--c-blanco);
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  border-radius: 1rem;
  background: var(--c-grisoscuro);
  padding: 0.3rem 1.2rem;
  font-weight: 500;
  height: 2.4rem;
}
.cate-notas .nota .txt h2 {
  font-size: 2.25rem;
  font-weight: 500;
  color: var(--c-azul);
  transition: all 0.3s ease;
}
.cate-notas .nota .inf {
  padding: 0 1.8rem 1.8rem;
  margin-top: auto;
}
.cate-notas .nota .inf .autor {
  color: var(--c-grisoscuro);
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
}
.cate-notas .nota.naranja .txt .cate a {
  background: var(--c-naranja);
}
.cate-notas .nota.azul-dark .txt .cate a {
  background: var(--c-azul-dark);
}
.cate-notas .nota.azul .txt .cate a {
  background: var(--c-azul);
}
.cate-notas .nota.celeste .txt .cate a {
  background: var(--c-celeste);
}
.cate-notas .nota.turquesa .txt .cate a {
  background: var(--c-turquesa);
}
.cate-notas .nota.verde-dark .txt .cate a {
  background: var(--c-verde-dark);
}
.cate-notas .nota.verde .txt .cate a {
  background: var(--c-verde);
}
.cate-notas .nota.nota-grande {
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
}
.cate-notas .nota.nota-grande .inf .autor {
  padding-left: 4rem;
}
.cate-notas .nota.nota-grande .img {
  width: 100%;
  height: 100%;
}
.cate-notas .nota.nota-grande .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cate-notas .nota.nota-grande .txt {
  overflow: hidden;
  height: 100%;
  padding: 4rem 3rem 4rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
.cate-notas .nota.nota-grande .txt h2 {
  font-size: 3.7rem;
  padding-top: 2rem;
  margin-bottom: 2rem;
}
.cate-notas .nota.nota-grande .txt .inf {
  padding: 0;
}
.cate-notas .nota.nota-grande .txt .inf .autor {
  padding-left: 0;
}
.cate-notas .nota.nota-grande .txt .resumen p {
  font-size: 1.8rem;
}
.cate-notas .nota.nota-media {
  height: 100%;
}
.cate-notas .nota.nota-media .img img {
  aspect-ratio: 1/1.1;
}

.leyendo {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes rotate {
  to {
    transform: rotate(-360deg);
  }
}
.cargar-mas {
  text-align: center;
  border-top: 1px solid var(--c-turquesa);
  padding-bottom: 3rem;
  padding-top: 5rem;
  max-width: 135rem;
  margin: 1.5rem auto 0;
}

section.primera-seccion-tag {
  padding-top: 12rem;
  height: 50rem;
  background: var(--c-gris);
}

.busca-sup {
  height: 100%;
}
.busca-sup .txt .eti {
  display: inline-block;
  color: var(--c-blanco);
  background: var(--c-negroclaro);
  font-size: 1.6rem;
  padding: 1.8rem 1.5rem;
  border-radius: 1rem;
}
.busca-sup .txt .formu {
  position: relative;
  border: 1px solid var(--c-turquesa);
  overflow: hidden;
  border-radius: 1rem;
}
.busca-sup .txt .formu .lupa {
  height: 8rem;
  width: 7rem;
  float: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.busca-sup .txt .formu .lupa img {
  width: 3.6rem;
  height: auto;
}
.busca-sup .txt .formu input {
  width: calc(100% - 7rem);
  padding: 1rem 1.5rem 1rem 0;
  overflow: hidden;
  border: 0 none;
  background: none !important;
  height: 8rem;
  font-size: 2.6rem;
  color: var(--c-turquesa);
}
.busca-sup .txt .resu {
  display: inline-flex;
  color: var(--c-negroclaro);
  background: var(--c-blanco);
  font-size: 1.6rem;
  padding: 1.1rem 1.5rem;
  border-radius: 1rem;
}

.sinresu {
  width: 77.5rem;
  margin: 0 auto;
  color: var(--c-negroclaro);
  font-size: 1.6rem;
  padding-bottom: 16rem;
}

.pie {
  padding-top: 3.2rem;
  padding-bottom: 2.2rem;
}
.pie .logo-pie img {
  width: 12rem;
}
.pie .datos {
  color: var(--c-gris);
  font-size: 1.2rem;
  padding-top: 0.8rem;
  margin-left: -3rem;
}
.pie .datos a {
  color: var(--c-gris);
}
.pie .datos a:hover {
  color: var(--c-turquesa);
}
.pie .links-pie {
  padding-top: 3.5rem;
  font-size: 1.2rem;
  float: left;
}
.pie .links-pie a {
  color: var(--c-gris);
  text-decoration: underline;
  display: inline-block;
  margin-right: 3rem;
}
.pie .links-pie a:last-child {
  margin-right: 0;
}
.pie .links-pie a:hover {
  color: var(--c-turquesa);
}
.pie .copy {
  padding-top: 3.5rem;
  float: right;
  text-align: right;
  font-size: 1.2rem;
  color: var(--c-gris);
}

/* RESPONSIVE */
@media (width >= 1600px) {
  .container {
    max-width: 138rem;
  }
}
@media (width < 1600px) {
  html {
    font-size: 8.5px;
  }
  .cargar-mas {
    max-width: 130rem;
  }
  .formato .galeria {
    width: 77rem;
  }
}
@media (width < 1200px) {
  .cargar-mas {
    max-width: 109rem;
  }
  .row-tag {
    margin-left: -2.3rem;
    margin-right: -2.3rem;
  }
  .col-tag {
    padding-left: 2.3rem;
    padding-right: 2.3rem;
    margin-bottom: 4.5rem;
  }
  .row-anchochico {
    margin-left: -2.3rem;
    margin-right: -2.3rem;
  }
  .col-anchochico {
    padding-left: 2.3rem;
    padding-right: 2.3rem;
  }
  .interna .publi-lista {
    width: 100%;
  }
  .interna .interes {
    width: 100%;
  }
  .interna .cuerpo .prop {
    display: none;
  }
  .interna .cuerpo .medio {
    width: 100%;
  }
  .interna .rela {
    padding-left: 0;
  }
  .interna .rela h3 {
    width: 60.4rem;
  }
  .destacado-home .txt h2 {
    padding: 0.5rem 0 0.2rem;
  }
  .ultimas .notas .ultima .txt .resumen h2 {
    display: none;
  }
  .interna .interes .nota {
    grid-template-columns: 1fr;
  }
  .especiales {
    border-top: 0 none;
  }
  .especiales .titu {
    display: none;
  }
  .especiales .titu-movil {
    display: block;
    padding-top: 4rem;
  }
  .especiales .flechas {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
  }
  .especiales .flechas .ant, .especiales .flechas .sig {
    width: 5.6rem;
    height: 5.6rem;
    cursor: pointer;
  }
  .especiales .flechas .ant img, .especiales .flechas .sig img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .especiales .flechas .sig img {
    rotate: 180deg;
  }
  .especiales .flechas h3 {
    text-align: center;
    font-size: 2.25rem;
    color: var(--c-turquesa);
    border: 1px solid var(--c-turquesa);
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
    margin: 0 1.5rem;
  }
  .especiales .notas .slick-prev,
  .especiales .notas .slick-next {
    display: none !important;
  }
  .cabecera h1 a img {
    width: 22.8rem;
  }
  .formato .galeria {
    width: 100%;
  }
  .cate-notas .nota.nota-grande .txt .resumen h2 {
    display: none;
  }
  .cate-notas .nota {
    /* margin-bottom: 4.5rem; */
  }
  .busca-sup .txt {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  section.primera-seccion-tag {
    height: 40rem;
  }
  section.primera-seccion-tag .busca-sup .txt .eti {
    padding: 1.2rem 1.5rem;
  }
}
@media (width < 992px) {
  .cabecera .redes {
    padding-left: 1rem;
  }
  .row-news {
    margin-left: -15px;
    margin-right: -15px;
  }
  .col-news {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row-tag {
    margin-left: -20px;
    margin-right: -20px;
  }
  .col-tag {
    padding-left: 20px;
    padding-right: 20px;
  }
  .ultimas .notas .ultima {
    margin-bottom: 4rem;
  }
  .pie .links-pie {
    float: none;
    text-align: right;
    padding-top: 1.1rem;
  }
  .pie .copy {
    float: none;
    padding-top: 1.5rem;
  }
  .cabecera .buscador input {
    width: 14rem;
  }
  .progreso {
    width: 60.4rem;
    margin-left: -30.2rem;
  }
  .interna .cuerpo .medio {
    margin: 0 auto;
  }
  .interna .col-der {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem;
  }
  .interna .col-der .interes {
    display: inline-block;
    vertical-align: top;
  }
  .interna .col-der .interes h3 {
    margin-bottom: 3rem;
  }
  .interna .col-der .interes .notas {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    row-gap: 1rem;
  }
  .interna .col-der .interes .notas .nota {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .interna .col-der .interes .notas .nota .txt {
    text-align: left;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .interna .col-der .interes .notas .nota .txt .leer-mas {
    margin-top: auto;
  }
  .interna .col-der .publi-lista {
    display: inline-block;
    vertical-align: top;
    width: 40rem;
    margin-bottom: 0;
  }
  .interna .col-der .publi-lista .bancuadrado {
    display: none;
  }
  .interna .masleidos {
    padding-top: 0;
  }
  .interna .masleidos .flechas {
    margin-bottom: 5rem;
  }
  .cate-notas .nota.nota-media .img img {
    aspect-ratio: 460/315;
  }
  .busca-sup .txt {
    margin-left: 5rem;
    margin-right: 5.6rem;
  }
  .sinresu {
    width: 58.4rem;
  }
  .masleidos .notas .slick-slider:before,
  .masleidos .notas .slick-slider:after {
    width: 1.25rem;
  }
  .especiales .nota .img img {
    aspect-ratio: 1/1.1;
  }
  .especiales .notas .slick-slider:before,
  .especiales .notas .slick-slider:after {
    width: 1.25rem;
  }
  .cargar-mas {
    max-width: 81rem;
  }
}
@media (width < 768px) {
  body {
    font-size: 1.8rem;
  }
  .row-tag {
    margin-left: -15px;
    margin-right: -15px;
  }
  .col-tag {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 3rem;
  }
  .hamburguesa {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    padding-left: 15px;
    padding-top: 0;
    cursor: pointer;
    height: 4rem;
    width: 7rem;
  }
  .hamburguesa.conbansup {
    padding-top: 2.7rem;
  }
  .hamburguesa .cuadro {
    position: relative;
    height: 5rem;
    width: 5rem;
  }
  .hamburguesa .cuadro .txt {
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: bold;
    color: var(--c-negro);
    text-align: center;
  }
  .hamburguesa .cuadro span {
    display: block;
    width: 3rem;
    height: 1px;
    position: absolute;
    left: 1rem;
    background: var(--c-negro);
  }
  .hamburguesa .cuadro span.linea-1 {
    top: 1.8rem;
    transition: top 0.1s ease 0.1s, transform 0.1s ease;
  }
  .hamburguesa .cuadro span.linea-2 {
    top: 2.4rem;
    opacity: 1;
    transition: opacity 0.1s step-end;
  }
  .hamburguesa .cuadro span.linea-3 {
    top: 3rem;
    transition: top 0.1s ease 0.1s, transform 0.1s ease;
  }
  .hamburguesa.abierto .cuadro span.linea-1 {
    top: 2.4rem;
    transform: rotate(45deg);
    transition: top 0.1s ease, transform 0.1s ease 0.1s;
  }
  .hamburguesa.abierto .cuadro span.linea-2 {
    top: 2.4rem;
    opacity: 0;
    transition: opacity 0.1s ease 0.1s;
  }
  .hamburguesa.abierto .cuadro span.linea-3 {
    top: 2.4rem;
    transform: rotate(-45deg);
    transition: top 0.1s ease, transform 0.1s ease 0.1s;
  }
  .cabecera {
    height: initial;
  }
  .cabecera .logo {
    padding: 0;
    height: 5rem;
  }
  .cabecera .logo h1 {
    text-align: right;
  }
  .cabecera .logo h1 a {
    padding-top: 0.9rem;
    padding-bottom: 1rem;
  }
  .cabecera .logo h1 img {
    width: 18rem;
  }
  .cabecera .buscar {
    background: var(--c-gris);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    text-align: center;
  }
  .cabecera .buscar form {
    line-height: 0;
  }
  .cabecera .buscador .lupa {
    background-color: var(--c-gris);
  }
  .cabecera .buscador input {
    background-color: var(--c-gris);
    width: calc(100vw - 8rem);
  }
  nav {
    background: var(--c-blanco);
    padding-top: 2.7rem;
    height: calc(100vh - 8.6rem);
    position: absolute;
    left: 0;
    right: 0;
    top: -100vh;
    z-index: -1;
    transition: all 0.3s ease;
  }
  nav.abierto {
    top: 10rem;
  }
  nav ul {
    display: block;
    padding: 1.5rem 2.5rem;
  }
  nav ul li {
    display: block;
    text-align: left;
    font-size: 1.6rem;
    margin: 0 0 1rem;
  }
  nav ul li a,
  nav ul li a:hover,
  nav ul li a:active,
  nav ul li a:focus {
    color: var(--c-blanco);
    display: inline-flex;
    background-color: var(--c-grisoscuro);
    padding: 0.3rem 1.5rem;
    height: 3rem;
    align-items: center;
    border-radius: 1.3rem;
  }
  nav ul li a:before,
  nav ul li a:hover:before,
  nav ul li a:active:before,
  nav ul li a:focus:before {
    display: none;
  }
  nav ul li a.naranja,
  nav ul li a:hover.naranja,
  nav ul li a:active.naranja,
  nav ul li a:focus.naranja {
    background-color: var(--c-naranja);
  }
  nav ul li a.azul,
  nav ul li a:hover.azul,
  nav ul li a:active.azul,
  nav ul li a:focus.azul {
    background-color: var(--c-azul);
  }
  nav ul li a.verde,
  nav ul li a:hover.verde,
  nav ul li a:active.verde,
  nav ul li a:focus.verde {
    background-color: var(--c-verde);
  }
  nav ul li a.celeste,
  nav ul li a:hover.celeste,
  nav ul li a:active.celeste,
  nav ul li a:focus.celeste {
    background-color: var(--c-celeste);
  }
  nav ul li a.azul-dark,
  nav ul li a:hover.azul-dark,
  nav ul li a:active.azul-dark,
  nav ul li a:focus.azul-dark {
    background-color: var(--c-azul-dark);
  }
  nav ul li a.turquesa,
  nav ul li a:hover.turquesa,
  nav ul li a:active.turquesa,
  nav ul li a:focus.turquesa {
    background-color: var(--c-turquesa);
  }
  nav ul li a.verde-dark,
  nav ul li a:hover.verde-dark,
  nav ul li a:active.verde-dark,
  nav ul li a:focus.verde-dark {
    background-color: var(--c-verde-dark);
  }
  section.primera-seccion {
    padding-top: 8.5rem;
  }
  .destacado-home .txt h1 span, .destacado-home .txt h2 span {
    font-size: 3.6rem;
  }
  .masleidos {
    padding-bottom: 5rem;
  }
  .masleidos .flechas {
    margin-bottom: 3rem;
  }
  .masleidos .notas .slick-slider:after, .masleidos .notas .slick-slider:before {
    display: none;
  }
  .ultimas .titu {
    padding-top: 1.2rem;
    padding-bottom: 1.1rem;
  }
  .ultimas .titu h3 {
    text-align: center;
    font-size: 1.4rem;
  }
  .ultimas .notas {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
  .ultimas .notas .ultima {
    height: initial;
  }
  .ultimas .notas .ultima .img {
    display: none;
  }
  .ultimas .notas .ultima .img-movil {
    display: block;
  }
  .ultimas .notas .ultima .img-movil img {
    width: 100%;
    aspect-ratio: 460/315;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .ultimas .notas .ultima .txt {
    padding: 3rem 2.5rem;
  }
  .ultimas .notas .ultima .txt .cate {
    margin-bottom: 1.5rem;
  }
  .ultimas .notas .ultima .txt h2 {
    font-size: 2.3rem;
  }
  .ultimas .notas .otras {
    height: 45rem;
  }
  .especiales .notas .slick-slider:before, .especiales .notas .slick-slider:after {
    display: none;
  }
  .tituplano, .progreso {
    display: none;
  }
  section.primera-seccion-noticia {
    height: 100%;
    padding-top: 8.6rem;
  }
  section.primera-seccion-noticia .espacio {
    height: 9rem;
  }
  .interna {
    padding-top: 2rem;
  }
  .interna .cuerpo .medio {
    width: initial;
  }
  .interna .cuerpo .medio .sup {
    margin-bottom: 3.5rem;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
  .interna .cuerpo .medio .sup .share .links a {
    width: 2.5rem;
    height: 2.5rem;
  }
  .interna .cuerpo .medio .tags {
    margin-bottom: 5rem;
  }
  .interna .masleidos .flechas {
    margin-left: 0;
    margin-right: 0;
  }
  .interna .masleidos .notas {
    margin-left: -15px;
    margin-right: -15px;
  }
  .interna .col-der .interes {
    width: initial;
    margin: 0;
    display: block;
  }
  .interna .col-der .interes h3 {
    padding: 1.2rem 1.2rem 1.1rem;
  }
  .interna .col-der .interes .notas {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .interna .col-der .interes .nota {
    margin-bottom: 0;
  }
  .interna .publi-lista {
    margin: 0;
    padding-top: 4rem;
    width: initial;
  }
  .formato h2 {
    font-size: 2.4rem;
  }
  .formato .galeria .slick-prev, .formato .galeria .slick-next {
    width: 4rem;
    height: 4rem;
    margin-top: -1.2rem;
  }
  .formato .galeria .slick-prev {
    left: 0.9rem;
  }
  .formato .galeria .slick-next {
    right: 0.9rem;
  }
  .formato .galeria .slick-dots {
    margin-bottom: 1.5rem;
  }
  .formato .galeria .slick-dots li {
    margin: 0 0.5rem;
  }
  .formato .galeria .slick-dots li button {
    width: 1rem;
    height: 1rem;
  }
  .pie {
    padding-bottom: 2.5rem;
  }
  .pie .logo-pie {
    text-align: center;
    margin-bottom: 3.5rem;
  }
  .pie .logo-pie img {
    width: 9rem;
  }
  .pie .redes {
    text-align: center;
  }
  .pie .redes a {
    display: inline-block;
    margin: 0 1rem;
  }
  .pie .redes a svg {
    fill: var(--c-grisoscuro);
    height: 2.9rem;
  }
  .pie .links-pie {
    text-align: center;
    opacity: 0.5;
    padding-top: 3.5rem;
  }
  .pie .copy {
    text-align: center;
    padding-top: 2.5rem;
    opacity: 0.5;
  }
  section.primera-seccion-cate {
    margin-top: 10rem;
    height: 14rem;
  }
  section.primera-seccion-cate .cate-nombre h1 {
    font-size: 3.5rem;
  }
  .cate-notas {
    padding-top: 4rem;
  }
  .cate-notas .nota {
    height: initial;
  }
  .cate-notas .nota.nota-grande {
    height: initial !important;
    grid-template-columns: 1fr;
  }
  .cate-notas .nota.nota-grande .img {
    display: none;
  }
  .cate-notas .nota.nota-grande .img-movil {
    display: block;
    height: initial;
    float: none;
    width: 100%;
  }
  .cate-notas .nota.nota-grande .txt .cate {
    margin-bottom: 1.5rem;
  }
  .cate-notas .nota.nota-grande .txt h2 {
    font-size: 2.3rem;
  }
  .cargar-mas {
    max-width: initial;
    margin-left: 15px;
    margin-right: 15px;
  }
  .busca-sup .txt {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .busca-sup .txt .eti {
    padding: 1.1rem 1.2rem 1rem;
  }
  .busca-sup .txt .resu {
    padding: 0.6rem 1.2rem;
  }
  .busca-sup .txt .formu .lupa {
    width: 4.5rem;
    height: 4.5rem;
  }
  .busca-sup .txt .formu .lupa img {
    width: 2rem;
    left: 1.3rem;
    top: 1.3rem;
  }
  .busca-sup .txt .formu input {
    width: calc(100% - 4.5rem);
    height: 4.5rem;
    font-size: 1.8rem;
  }
  .sinresu {
    width: initial;
    padding-left: 5rem;
    padding-right: 5rem;
    line-height: 1.3;
  }
  body.buscares nav, body.search nav {
    padding-top: 7rem;
    height: calc(100vh - 4.3rem);
  }
  body.buscares nav.abierto, body.search nav.abierto {
    top: 4.3rem;
  }
  body.buscares .cabecera .buscar, body.search .cabecera .buscar {
    padding-bottom: 0;
    height: 0.5rem;
  }
  body.buscares .cabecera .buscador, body.search .cabecera .buscador {
    display: none;
  }
  section.primera-seccion-tag {
    padding-top: 4.7rem;
    height: 28rem;
  }
}/*# sourceMappingURL=main.css.map */