@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,500&family=Playfair+Display:wght@700;900&family=UnifrakturMaguntia&display=swap&text=ElPa%C3%ADsMundoABCVOGUEVogueTheNewYorkTimes%20");

/* Carrusel de prensa */
.prensa {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 2rem;
  height: 76px;
  padding-left: var(--margen, 16px);
  border-top: 1px solid rgba(243, 234, 219, 0.16);
  background: linear-gradient(0deg, rgba(13, 10, 8, 0.85), rgba(13, 10, 8, 0.55));
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: var(--tinta, #f3eadb);
}
[data-prensa] .prensa { position: relative; }

.prensa__titulo {
  flex: none;
  font-size: 0.66rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--ambar, #c8894a);
}

.prensa__ventana {
  flex: 1;
  display: flex;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.prensa__pista {
  flex: none;
  display: flex;
  align-items: center;
  gap: clamp(2.5rem, 6vw, 5rem);
  padding-right: clamp(2.5rem, 6vw, 5rem);
  list-style: none;
  animation: prensa-desliza 38s linear infinite;
}
/* Se detiene con el ratón encima, con el foco dentro, con su botón o con la pausa general */
.prensa:hover .prensa__pista,
.prensa:focus-within .prensa__pista,
.prensa--pausada .prensa__pista,
.movimiento-pausado .prensa__pista { animation-play-state: paused; }

/* Botón de pausa propio (páginas sin la pausa general de la portada) */
.prensa__pausa {
  position: relative;
  flex: none;
  width: 32px;
  height: 32px;
  margin-right: var(--margen, 16px);
  border: 1px solid rgba(243, 234, 219, 0.4);
  border-radius: 50%;
  background: none;
  color: var(--tinta, #f3eadb);
  cursor: pointer;
}
.prensa__pausa::before,
.prensa__pausa::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 10px;
  margin-top: -5px;
  border-left: 3px solid currentColor;
}
.prensa__pausa::before { margin-left: -4px; }
.prensa__pausa::after { margin-left: 1px; }
.prensa__pausa[aria-pressed="true"]::before {
  margin-left: -3px;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent currentColor;
}
.prensa__pausa[aria-pressed="true"]::after { display: none; }
@keyframes prensa-desliza { to { transform: translateX(-100%); } }

.prensa__medio {
  flex: none;
  white-space: nowrap;
  opacity: 0.72;
  transition: opacity 0.3s, color 0.3s;
  line-height: 1;
}
.prensa__medio:hover { opacity: 1; color: #fff; }
.prensa__medio img { display: block; height: 26px; width: auto; }

/* Rótulos provisionales, a sustituir por los logotipos oficiales */
.prensa__medio--elpais { font-family: "Playfair Display", Georgia, serif; font-weight: 900; font-size: 1.45rem; letter-spacing: -0.01em; }
.prensa__medio--elmundo { font-family: "Playfair Display", Georgia, serif; font-weight: 700; font-size: 1.4rem; font-style: italic; }
.prensa__medio--abc { font-family: "Playfair Display", Georgia, serif; font-weight: 900; font-size: 1.6rem; letter-spacing: 0.04em; }
.prensa__medio--vogue { font-family: "Bodoni Moda", Didot, "Bodoni 72", serif; font-weight: 500; font-size: 1.7rem; letter-spacing: 0.12em; text-transform: uppercase; }
.prensa__medio--nyt { font-family: "UnifrakturMaguntia", "Old English Text MT", serif; font-size: 1.5rem; }

/* La última escena deja sitio a la franja */
.escena--prensa .escena__texto { bottom: calc(clamp(72px, 12vh, 140px) + 60px); max-height: calc(100svh - clamp(72px, 12vh, 140px) - 60px - 64px); }
.con-prensa .ruta-boton { bottom: 96px; }
.con-prensa .indicador { bottom: calc(clamp(72px, 12vh, 140px) + 60px); }

@media (max-width: 760px) {
  .prensa { height: 64px; gap: 1rem; }
  .prensa__titulo { display: none; }
  .prensa__ventana { -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
  .escena--prensa .escena__texto { bottom: 150px; }
  .con-prensa .ruta-boton { bottom: 80px; }
  .con-prensa .indicador { bottom: 92px; }
  .con-prensa .puntos { bottom: 78px; }
  .escena--prensa .escena__texto { max-height: calc(100svh - 150px - 64px); }
}

/* Ventanas bajas (zoom 200 %): franja más baja y el texto de la última escena por encima de los controles */
@media (max-height: 520px) {
  .prensa { height: 44px; }
  .prensa__medio { font-size: 1.05rem !important; }
  .prensa__medio img { height: 18px; }
  .escena--prensa .escena__texto { bottom: 104px; max-height: calc(100svh - 104px - 64px); }
  .con-prensa .ruta-boton { bottom: 52px; }
  .con-prensa .indicador { bottom: 64px; }
}
@media (max-height: 520px) and (max-width: 760px) {
  .con-prensa .puntos { bottom: 48px; }
}

/* Movimiento reducido: la franja queda quieta y se puede recorrer a mano */
@media (prefers-reduced-motion: reduce) {
  .prensa__pista { animation: none; }
  .prensa__pista[aria-hidden="true"] { display: none; }
  .prensa__ventana { overflow-x: auto; scrollbar-width: none; }
}