/**
 * Tema "semana especial" (efemérides). Inerte si el body no tiene
 * .tema-efemerides — ver TEMA_ESPECIAL en config/config.php.
 * Revertir: TEMA_ESPECIAL a false (o borrar este archivo + su @import
 * en main.css para no dejar rastro).
 */

/* Fondo global — todas las páginas */
body.tema-efemerides {
  --color-efem-oscuro: #38384A;
  --color-efem-claro: #ffffff;
  background-image: url("../../img/efemerides/background.jpg");
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% auto;
  background-color: white;
}

/* Inicio — título de sección de categoría */
body.tema-efemerides .categoria-seccion__titulo {
  background: var(--color-efem-oscuro);
  color: var(--color-efem-claro);
}
body.tema-efemerides .categoria-seccion__icono {
  background-color: var(--color-efem-claro);
}

/* Precio de producto */
body.tema-efemerides .producto-card__precio {
  color: var(--color-efem-oscuro);
  text-shadow: none;
}

/* Divisor entre secciones de categoría (pseudo-elemento, sin tocar JS) */
body.tema-efemerides .categoria-seccion:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 2400 / 568;
  background-image: url("../../img/efemerides/divisor.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Inicio — banner superior con imagen de portada y botón superpuesto */
.banner-efemerides {
  position: relative;
  display: block;
  max-width: var(--contenedor-max);
  margin: auto;
}

.banner-efemerides__imagen {
  display: block;
  width: 100%;
  height: auto;
}

.banner-efemerides__info {
  position: absolute;
  bottom: 1%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 var(--espacio-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--espacio-md);
  text-align: center;
}

.banner-efemerides__boton {
  text-decoration: none;
  background-color: #cc3d2e;
  font-size: var(--fs-base);
}

.banner-efemerides__instrucciones {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
  font-weight: 700;
  color: #fff;
}

.banner-efemerides__legales {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #fff;
}

.banner-efemerides__legales a {
  color: inherit;
  text-decoration: underline;
}

/* Mi Lista — color primario, solo en esa página */
body.tema-efemerides[data-pagina="mi-lista"] {
  --color-primario: var(--color-efem-oscuro);
  --color-primario-oscuro: var(--color-efem-oscuro);
}

/* Excepción: el título de Mi Lista mantiene el verde original */
body.tema-efemerides[data-pagina="mi-lista"] .mi-lista__titulo {
  background: #4FBB8D;
}