@font-face {
  font-family: caveat;

  src: url(../font/Caveat-VariableFont_wght.ttf);
}
@font-face {
  font-family: heebo-regular;

  src: url(../font/Heebo-Regular.ttf);
}

@font-face {
  font-family: heebo-bold;

  src: url(../font/Heebo-Bold.ttf);
}

@font-face {
  font-family: heebo-black;

  src: url(../font/Heebo-Black.ttf);
}

@font-face {
  font-family: heebo-light;

  src: url(../font/Heebo-Light.ttf);
}

html,
body {
  /* background-color: #242424 !important; */

  background-color: #121212;
}

body.admin-bar {
  min-height: auto;
  height: auto;
}

body {
  font-family: heebo-regular;
  min-height: 100%;
  height: 100%;
  color: #ffffff;

  max-width: 1920px;

  margin: 0 auto !important;
}

body:not(.page-id-1335) {
  background-image: url(../img/wrapped/background.png) !important;
  background-repeat: no-repeat !important;
  /* height: 1022px; */
  padding-bottom: 3em;
}
.custom-logo {
  aspect-ratio: 71 / 25;
}
.caveat {
  font-family: caveat;
}

strong {
  font-family: heebo-bold;
  font-weight: normal;
}

.font-bold {
  font-family: heebo-bold;
}

.font-black {
  font-family: heebo-black;
}

.font-light {
  font-family: heebo-light;
}

#menu-categories .menu-button {
  font-size: 0.85em;
  font-family: heebo-bold;
  background-color: #313131;
  color: #fff;
  border: none;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
#menu-categories .menu-button.active,
#menu-categories .menu-button:hover {
  background-color: #1ed760;
  color: #1e1e1e;
}

#menu-categories-home .menu-button {
  background-color: #313131;
  color: #fff;
  font-family: heebo-bold;
  border-radius: 10px;
  font-size: clamp(0.8rem, 1.2vw, 1.1rem);
  transition: all 0.1s ease-in;
}
#menu-categories-home .menu-button h2 {
  transition: all 0.1s ease-in;
}
#menu-categories-home .menu-button .imagen {
  border-radius: 5px;
  width: 99px;
  height: 99px;
}
#menu-categories-home .menu-button .imagen img {
  transition: all 0.1s ease-in;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#menu-categories-home .menu-button:hover {
  background-color: #1ed760;
  color: #1e1e1e;
}
#menu-categories-home .menu-button:hover .imagen img {
  scale: 1.1;
  transform: translate(-9%, 0%);
}
#menu-categories-home .menu-button:hover h2 {
  padding-left: 5px;
}

.banner-home {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  aspect-ratio: 1274/298;
  background: #000;
}
.banner-home .bg {
  height: 100%;
}
.banner-home .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in;
  animation: zoomInOut 10s ease-in-out infinite;
}
.banner-home .button {
  background: #0090c4;
  font-weight: bold;
  border: none;
  transition: all 0.2s ease-in;
}
.banner-home .button:hover {
  background-color: #1ed760;
}

.banner-home .message {
  position: absolute;
  inset: 0;
  background: none;
}
.banner-home .message .title {
  font-size: clamp(1.5em, 1.8vw, 2.5em);
}

.button-back {
  background: #005e95;
  color: #fff;
  border: none;
  font-weight: bold;
  transform: all 0.3s ease-in;
  font-size: 0.9em;
}
.button-back:hover {
  background: #0069a6;
  color: #fff;
}
@keyframes zoomInOut {
  0% {
    scale: 1;
    rotate: 0deg;
  }
  40% {
    scale: 1.4;
  }
  50% {
    scale: 1.4;
    rotate: 5deg;
  }
  100% {
    scale: 1;
    rotate: 0deg;
  }
}
.page-resumen {
  background: #000;
}
.resumen {
  height: calc(100svh);
  width: 100%;
  background-color: #000;
  min-height: 500px;
  position: relative;
  padding: 0 10px;
}

.admin-bar .resumen {
  height: calc(100svh);
}
.resumen .bg {
  width: 100%;
  height: 100%;
}
.resumen .bg video {
  margin: 0 auto;
  /* max-height: 100%; */
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.resumen .slider {
  height: 100%;
  width: 100%;
}
.resumen .slider .slick-list,
.resumen .slider .slick-track {
  height: 100%;
}
.resumen .slider .slide {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  position: relative;
}
.resumen .slider .slide video {
  opacity: 0;
  display: none;
  transition: all 1s ease;
}
.resumen .slider .slide.slick-active video {
  opacity: 1;
  display: block;
}

.resumen .slider .slide .content {
  max-width: 400px;
  margin: 0 auto;
  padding: 0 20px;
  position: absolute;
  font-size: 1.8em;
  line-height: 1.2em;
}
.resumen .slider .slide .content[data-animation] {
  display: none;
}
.resumen .slider .slide .content.animate__animated {
  display: block;
}
.resumen .slider .slide b,
.resumen .slider .slide strong {
  color: #0090c4;
}

.animate__animated {
  display: none;
}

.resumen .slick-dots {
  top: 30px;
  display: flex;
  width: 320px;
}
.resumen .slick-dots li {
  flex: 1;
}
.resumen .slick-dots li button {
  border-radius: 3px;
  width: 100%;
  height: 4px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
}

.resumen-regresar {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.resumen .resumen-start {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.logo-resumen {
  padding: 1em 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.logo-resumen img {
  max-width: 100px;
}

.wp-block-embed {
  margin-top: 1em;
}

.titulo-noticia {
  line-height: 1.2em;
}
.separacion-noticia {
  height: 1px;
  background-color: #606060;
}
.juntos {
  color: #7091cf;
}

.innovando {
  color: #00b2a2;
}

.construccion {
  color: #00a8e6;
}

.suenos {
  color: #cc537d;
}

.celeste {
  color: #0090c4 !important;
}

.wrap-blog {
  width: 85%;

  margin: 0 auto;
}

p.font-light strong {
  font-family: heebo-light;

  color: #fff;
}
.txt-saludo strong {
  color: #fff;
}
figure.galeria img,
figure.destacada img,
figure.imagen-categoria img {
  object-fit: cover;
}

.txt-saludo {
  line-height: 30px;
}

.conoce-mas {
  position: absolute;

  bottom: 20px;

  left: 15px;

  z-index: 2;

  line-height: 17px;

  height: 45px;

  width: 89%;
}

.conoce-mas.morado:hover {
  color: #7091cf;

  background-color: #dbdbdb;
}

.conoce-mas.verde:hover {
  color: #00b2a2;

  background-color: #dbdbdb;
}

.conoce-mas.azul:hover {
  color: #00a8e6;

  background-color: #dbdbdb;
}

.conoce-mas.rosa:hover {
  color: #cc537d;

  background-color: #dbdbdb;
}

#pilares img {
  opacity: 0.8;
}

.desc-columna {
  position: absolute;

  top: 20px;

  margin-left: auto;

  margin-right: auto;

  left: 0;

  right: 0;

  display: table;

  z-index: 2;
}

.desc-columna-noticia {
  position: absolute;

  top: -20px;

  bottom: 0px;

  margin: auto;

  left: 0;

  right: 0;

  display: table;

  z-index: 2;

  /*	text-align: left !important;*/

  width: 90%;

  font-size: 0.85em;
}

.desc-columna p {
  font-size: 1.25em;
}

.mouse {
  animation-name: floating;

  animation-duration: 3s;

  animation-iteration-count: infinite;

  animation-timing-function: ease-in-out;

  position: absolute;

  margin-left: auto;

  margin-right: auto;

  left: 0;

  right: 0;

  bottom: 30px;
}

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }

  65% {
    transform: translate(0, 15px);
  }

  to {
    transform: translate(0, -0px);
  }
}

.ver-mas {
  border: 1px solid #00607d;

  background-color: transparent;

  width: 120px;
}

.desc-nota {
  height: 100px;
}

.desc-nota strong {
  color: #fff;

  font-family: heebo-regular;
}

.paginador a {
  color: #fff;
}

.pagination-next,
.pagination-previous {
  border: none;
}

.pagination-link {
  border: 1px solid #00607d;
}

.pagination-link.is-current {
  background-color: #0092c5;
}

.pagination-link:hover {
  color: #fff;
}

.pagination-next {
  order: 3 !important;
}

.volver-atras {
  background-color: #0092c5;

  border: none;

  width: 155px;

  color: #fff;

  font-size: 18px;
}

.volver-atras:hover {
  color: #fff;

  opacity: 0.8;
}

.nombre-columna {
  position: absolute;

  left: 8.2%;

  top: 45%;

  border: 1px solid #07c1ee;

  border-radius: 5px;

  padding: 10px;
}

.bajada-noticia p {
  font-family: heebo-bold;

  color: #07c1ee;

  line-height: 25px;
}

.txt-noticia p {
  font-family: heebo-light;

  line-height: 25px;

  padding-bottom: 10px;
}

.txt-noticia iframe {
  margin: 20px 0;

  width: 100% !important;

  height: 350px !important;
}

.txt-noticia strong {
  font-family: heebo-bold;

  color: #fff;
}
.txt-noticia em {
  color: #07c1ee;
  font-style: normal !important;
}

.txt-noticia audio {
  margin: 20px 0;
}

.compartir img {
  vertical-align: middle;

  max-width: 45px;
}

.titulo-columna {
  position: absolute;

  top: 30%;

  left: 50%;

  transform: translate(-50%, -50%);

  margin-top: 2%;

  font-size: 2.2vw;
}
.titulo-home {
  position: absolute;
  top: 35%;
  left: 62%;
  transform: translate(-50%, -50%);
  margin-top: 2%;
  font-size: 2.2vw;
  width: 50%;
}
.destacadas {
  font-size: 1.2vw;
}
.contenedor-nota {
  background: #2e2e2e;
  border-radius: 10px;
  position: relative;
}
.edicion-anterior.ver-mas {
  width: 350px;
  border-radius: 25px;
  max-width: 100%;
}
.slick-dots {
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slick-dots li {
  margin-right: 5px;
}
.slick-dots li button {
  background: none;
  border: 1px solid #fff;
  font-size: 0;
  line-height: 0;
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  outline: none;
  display: block;
  cursor: pointer;
}
.dots-juntos .slick-dots li.slick-active button {
  background: #fff;
}
.slick-dots li.slick-active button {
  background: #fff;
}
.slick-dots li.slick-active button {
  background: #fff;
}
.slick-dots li.slick-active button {
  background: #fff;
}
.ver-mas-noticias {
  font-size: 0.8em;
  text-decoration: underline;
  color: #fff !important;
  font-family: heebo-regular;
}
