@charset 'UTF-8';

/* Tipografías */

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Regular.eot');
    font-weight: normal;
    font-style: normal;
}

/* Estilos generales */
:focus{
	outline:0px !important;
}
.t-center {
  text-align: center;
}

/* Cabecera de página */

/* Pie de página */

.video-dynamic video {
    max-height: 75vh;
}

@media (max-width: 767px) {

}
.cg-grid-medios {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
  margin: 0 auto;
}

.cg-grid-medios.slick-initialized {
  display: block;
  grid-template-columns: none;
  gap: 0;
}
.cg-grid-medios.slick-initialized .slick-track {
  display: flex;
  justify-content: center;
}

.cg-grid-medios.slick-initialized .slick-slide {
  width: 100% !important;
}

    .cg-grid-item {
        position: relative;
        cursor: pointer;
        border-radius: 8px;
        overflow: hidden;
        background: #222;
        height: 50vh;
    }
    .cg-grid-item img,
    .cg-grid-item video {
        width: 100%;
        height: 180px;
        object-fit: cover;
        display: block;
        border-radius: 8px;
    }
    .cg-play-btn {
        position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
        background: rgba(0,0,0,0.6); color: #fff; border-radius: 50%; width: 48px; height: 48px;
        display: flex; align-items: center; justify-content: center; font-size: 1.5em; z-index: 2;
        pointer-events: none;
    }
    .cg-popup-bg {
        display: none; position: fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.85);
        align-items: center; justify-content: center; z-index: 9999;
    }
    .cg-popup-bg.active { display: flex !important; }
    .cg-popup-content { position: relative; max-width: 90vw; max-height: 90vh; }
    .cg-popup-content img,
    .cg-popup-content video,
    .cg-popup-content iframe { max-width: 90vw; max-height: 90vh; border-radius: 8px; }
    .cg-popup-close {
        position: absolute; top: -30px; right: -30px; background: #fff; color: #222; border-radius: 50%;
        width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 1.5em; cursor: pointer;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    .cg-grid-item video, .cg-grid-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cg-grid-item img {
      height: 50vh !important;
    }

.slick-next.slick-arrow {
   background: #0000009c;
width: 60px;
  height: 60px;
  right: 0;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.slick-next.slick-arrow span {
  width: 30px;
  height: 30px;
  display: flex;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-left: -0.75em;
}

.slick-prev.slick-arrow {
   background: #0000009c;
width: 60px;
  height: 60px;
  left: 0;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.slick-prev.slick-arrow span {
  width: 30px;
  height: 30px;
  display: flex;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-135deg);
  margin-right: -0.75em;
}

h2.titulocarrousel {
  font-family: "Helvetica Neue", Sans-serif;
  font-size: 45px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.06em;
  -webkit-text-stroke-width: 2px;
  stroke-width: 2px;
  -webkit-text-stroke-color: #000;
  stroke: #000;
  text-shadow: 4px 2px 0px #000;
  color: #FFFFFF;
	margin: 1em 0;
}
.horizontal {
	width: 70%;
}