#the75Aniv {
  margin: 0;
  margin-top: 85px;
  padding: 0;
  position: relative;
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 400;
  font-size: 16px;
  overflow: auto;
}

#the75Aniv p {
  margin-bottom: 0;
  font-family: 'PT Sans Narrow', sans-serif;
}

#the75Aniv h1,
#the75Aniv h2,
#the75Aniv h3,
#the75Aniv h4,
#the75Aniv h5,
#the75Aniv h6 {
  margin-bottom: 0;
  font-family: 'PT Sans Narrow', sans-serif;
}

#the75Aniv a {
  text-decoration: none;
  color: inherit;
}

/* ============= MAIN HEADER ============= */
.main-header {
  width: 100%;
  height: 88vh;
  position: relative;
}

.main-header .main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: 1;
}

.main-img.inMobile {
  display: none;
}

.main-header-content {
  position: absolute;
  z-index: 2;
  width: 50%;
  height: 100%;
  right: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 24px;
  padding-right: 5vw;
}

.main-header-content .main-content-img {
  width: 100%;
  max-width: 230px;
  height: auto;
  margin: 0 auto;
}

.main-header-content .main-text {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 1.8em;
  margin-top: 10px;
}
.main-header-content .main-text p {
  text-align: center;
  color: #ffffff;
  font-family: 'PT Sans Narrow', sans-serif;
}

#the75Aniv .main-header-content .main-text h2 {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 400;
  font-size: 1.6em;
  color: #ffffff;
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* ============= SECCIONES ============= */
.section {
  width: 100%;
  height: auto;
  padding: 6em 1.5em 7em 1.5em;
}

.section-icon {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  margin-bottom: 2.2em;
}

.section-icon video {
  width: 90px;
  height: auto;
}

.section-content {
  text-align: center;
  font-size: 2em;
  color: var(--verde-oscuro);
  margin-bottom: 1.5em;
}
.section-content p {
  font-family: 'PT Sans Narrow', sans-serif;
  color: var(--verde-oscuro);
}

.sect2 {
  background: #2A7B9B;
  background: linear-gradient(180deg, rgba(42, 123, 155, 1) 0%, rgba(229, 242, 232, 1) 0%, rgba(252, 253, 252, 1) 58%, rgba(255, 255, 255, 1) 100%);
  position: relative;
}

.sect3 {
  background-color: #ffffff;
}

/* ===== CLOCK CONTAINER ===== */

.clock {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(3.5);
  opacity: 0.14;
  pointer-events: none;
  z-index: 0;
}


/* ===== MANECILLAS E INDICADORES ===== */

.clock__second,
.clock__minute,
.clock__hour,
.clock__indicator {
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translateX(-50%);
  width: 2px;
  background: #197939;
  transform-origin: bottom center;
  border-radius: 1px;
}


/* ===== SEGUNDERO ===== */

.clock__second {
  height: 55px;
  animation: time 30s infinite steps(60);
  z-index: 3;
}


/* ===== MINUTERO ===== */

.clock__minute {
  height: 45px;
  opacity: 0.75;
  animation: time 1800s linear infinite;
}


/* ===== HORARIO ===== */

.clock__hour {
  height: 15px;
  animation: time 21600s linear infinite;
}


/* ===== INDICADORES DE SEGUNDOS ===== */

.clock__indicator {
  /* height: 75px;
  border-top: 2px solid #197939; */
  background: none;
}


/* ===== INDICADORES DE HORAS ===== */

.clock__indicator:nth-of-type(5n) {
  height: 65px;
  border-top: 7px solid #197939;
}


/* ===== CENTRO DEL RELOJ ===== */

.clock__axis {
  background: #197939;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
}


/* ===== POSICIÓN DE LAS RAYITAS ===== */

#cjsClock section:nth-of-type(1) {
  transform: rotateZ(calc(6deg * 1));
}

#cjsClock section:nth-of-type(2) {
  transform: rotateZ(calc(6deg * 2));
}

#cjsClock section:nth-of-type(3) {
  transform: rotateZ(calc(6deg * 3));
}

#cjsClock section:nth-of-type(4) {
  transform: rotateZ(calc(6deg * 4));
}

#cjsClock section:nth-of-type(5) {
  transform: rotateZ(calc(6deg * 5));
}

#cjsClock section:nth-of-type(6) {
  transform: rotateZ(calc(6deg * 6));
}

#cjsClock section:nth-of-type(7) {
  transform: rotateZ(calc(6deg * 7));
}

#cjsClock section:nth-of-type(8) {
  transform: rotateZ(calc(6deg * 8));
}

#cjsClock section:nth-of-type(9) {
  transform: rotateZ(calc(6deg * 9));
}

#cjsClock section:nth-of-type(10) {
  transform: rotateZ(calc(6deg * 10));
}

#cjsClock section:nth-of-type(11) {
  transform: rotateZ(calc(6deg * 11));
}

#cjsClock section:nth-of-type(12) {
  transform: rotateZ(calc(6deg * 12));
}

#cjsClock section:nth-of-type(13) {
  transform: rotateZ(calc(6deg * 13));
}

#cjsClock section:nth-of-type(14) {
  transform: rotateZ(calc(6deg * 14));
}

#cjsClock section:nth-of-type(15) {
  transform: rotateZ(calc(6deg * 15));
}

#cjsClock section:nth-of-type(16) {
  transform: rotateZ(calc(6deg * 16));
}

#cjsClock section:nth-of-type(17) {
  transform: rotateZ(calc(6deg * 17));
}

#cjsClock section:nth-of-type(18) {
  transform: rotateZ(calc(6deg * 18));
}

#cjsClock section:nth-of-type(19) {
  transform: rotateZ(calc(6deg * 19));
}

#cjsClock section:nth-of-type(20) {
  transform: rotateZ(calc(6deg * 20));
}

#cjsClock section:nth-of-type(21) {
  transform: rotateZ(calc(6deg * 21));
}

#cjsClock section:nth-of-type(22) {
  transform: rotateZ(calc(6deg * 22));
}

#cjsClock section:nth-of-type(23) {
  transform: rotateZ(calc(6deg * 23));
}

#cjsClock section:nth-of-type(24) {
  transform: rotateZ(calc(6deg * 24));
}

#cjsClock section:nth-of-type(25) {
  transform: rotateZ(calc(6deg * 25));
}

#cjsClock section:nth-of-type(26) {
  transform: rotateZ(calc(6deg * 26));
}

#cjsClock section:nth-of-type(27) {
  transform: rotateZ(calc(6deg * 27));
}

#cjsClock section:nth-of-type(28) {
  transform: rotateZ(calc(6deg * 28));
}

#cjsClock section:nth-of-type(29) {
  transform: rotateZ(calc(6deg * 29));
}

#cjsClock section:nth-of-type(30) {
  transform: rotateZ(calc(6deg * 30));
}

#cjsClock section:nth-of-type(31) {
  transform: rotateZ(calc(6deg * 31));
}

#cjsClock section:nth-of-type(32) {
  transform: rotateZ(calc(6deg * 32));
}

#cjsClock section:nth-of-type(33) {
  transform: rotateZ(calc(6deg * 33));
}

#cjsClock section:nth-of-type(34) {
  transform: rotateZ(calc(6deg * 34));
}

#cjsClock section:nth-of-type(35) {
  transform: rotateZ(calc(6deg * 35));
}

#cjsClock section:nth-of-type(36) {
  transform: rotateZ(calc(6deg * 36));
}

#cjsClock section:nth-of-type(37) {
  transform: rotateZ(calc(6deg * 37));
}

#cjsClock section:nth-of-type(38) {
  transform: rotateZ(calc(6deg * 38));
}

#cjsClock section:nth-of-type(39) {
  transform: rotateZ(calc(6deg * 39));
}

#cjsClock section:nth-of-type(40) {
  transform: rotateZ(calc(6deg * 40));
}

#cjsClock section:nth-of-type(41) {
  transform: rotateZ(calc(6deg * 41));
}

#cjsClock section:nth-of-type(42) {
  transform: rotateZ(calc(6deg * 42));
}

#cjsClock section:nth-of-type(43) {
  transform: rotateZ(calc(6deg * 43));
}

#cjsClock section:nth-of-type(44) {
  transform: rotateZ(calc(6deg * 44));
}

#cjsClock section:nth-of-type(45) {
  transform: rotateZ(calc(6deg * 45));
}

#cjsClock section:nth-of-type(46) {
  transform: rotateZ(calc(6deg * 46));
}

#cjsClock section:nth-of-type(47) {
  transform: rotateZ(calc(6deg * 47));
}

#cjsClock section:nth-of-type(48) {
  transform: rotateZ(calc(6deg * 48));
}

#cjsClock section:nth-of-type(49) {
  transform: rotateZ(calc(6deg * 49));
}

#cjsClock section:nth-of-type(50) {
  transform: rotateZ(calc(6deg * 50));
}

#cjsClock section:nth-of-type(51) {
  transform: rotateZ(calc(6deg * 51));
}

#cjsClock section:nth-of-type(52) {
  transform: rotateZ(calc(6deg * 52));
}

#cjsClock section:nth-of-type(53) {
  transform: rotateZ(calc(6deg * 53));
}

#cjsClock section:nth-of-type(54) {
  transform: rotateZ(calc(6deg * 54));
}

#cjsClock section:nth-of-type(55) {
  transform: rotateZ(calc(6deg * 55));
}

#cjsClock section:nth-of-type(56) {
  transform: rotateZ(calc(6deg * 56));
}

#cjsClock section:nth-of-type(57) {
  transform: rotateZ(calc(6deg * 57));
}

#cjsClock section:nth-of-type(58) {
  transform: rotateZ(calc(6deg * 58));
}

#cjsClock section:nth-of-type(59) {
  transform: rotateZ(calc(6deg * 59));
}

#cjsClock section:nth-of-type(60) {
  transform: rotateZ(calc(6deg * 60));
}


/* ===== ANIMACIÓN ===== */

@keyframes time {
  from {
    transform: translateX(-50%) rotate(0deg);
  }

  to {
    transform: translateX(-50%) rotate(360deg);
  }
}


.sect4 {
  text-align: center;
  padding-top: 0;
}

/* CONTENEDOR */
.video-cover {
  position: relative;
  display: inline-block;
}

.video-cover img {
  width: 100%;
  max-width: 850px;
  height: auto;
  margin-top: -50px;
  border-radius: 25px;
  z-index: 9;
}

/* IMAGEN */
.video-cover img {
  width: 100%;
  max-width: 850px;
  height: auto;
  margin-top: -50px;
  border-radius: 25px;
  display: block;
}

/* BOTÓN PLAY */
.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -42px;
  transform: translate(-50%, -50%);
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.519);
  color: #ffffff;
  font-size: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pulse 1s infinite;
}

/* ANIMACIÓN PULSE */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0.5);
  }
  70% {
    box-shadow: 0 0 0 25px rgba(255,255,255,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
  }
}




/* --------------  CAROUSEL ---------------- */
.carousel-container {
  padding-top: 2em;
}

.scroll-carousel {
  width: 100%;
  overflow: hidden;
  padding-bottom: 2em;
}

.carousel {
  display: flex;
  align-items: center;
  gap: 20px;
  width: max-content;
  will-change: transform;
}

.slide img,
.slide video {
  width: 100%;
  max-width: 450px;
  height: auto;
  max-height: 232.5px;
  height: 16vw;
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  object-fit: cover;
  display: block;
}

.green-title {
  width: 100%;
  height: auto;
  text-align: center;
  padding-bottom: 2.5em;
}

.green-title h2 {
  text-align: center;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 3em;
  color: var(--verde-oscuro);
}

/* SECCION CON LOS VIDEOS */
.video-links {
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.video-item {
  width: 100%;
  max-width: 450px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  margin-bottom: 3em;
  color: var(--verde-oscuro);
}

.video-item img {
  width: 100%;
  max-width: 220px;
  height: auto;
  object-fit: cover;
  border-radius: 1em;
}

.video-text h4 {
  text-align: center;
  font-family: 'PT Sans Narrow', sans-serif;
  color: var(--verde-oscuro);
  font-size: 1.5em;
  margin: 0;
}


@media screen and (max-width:991px) {
  .section-content {
    font-size: 1.6em;
  }

  .main-header-content {
    width: 100%;
    padding-right: 0;
    padding: 0 1.5em;
  }

  .main-header-content .main-content-img {
    max-width: 160px;
  }

  .main-header-content .main-text {
    font-size: 1.6em;
  }

  .green-title h2 {
    font-size: 2.4em;
  }


  .video-item img {
    max-width: 180px;
  }
}

@media screen and (max-width:568px) {
  .main-img {
    display: none;
  }

  .main-img.inMobile {
    display: block;
  }

  .clock {
    transform: translate(-50%, -50%) scale(2);
  }

  .play-btn{
    width: 60px;
    height: 60px;
    font-size: 20px;
    top: 40%;
  }

  .video-item{
    flex-direction: column;
  }

  .main-header-content .main-text{
    font-size: 1.4em;
  }

  .section-content{
    font-size: 1.5em;
  }

  .sect3 .section-content p{
    display: inline;
  }

}