/* ===============================
   CONTENEDOR PRINCIPAL
================================ */

.capa_todo{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 360px;

  display: flex;
  align-items: stretch;
  justify-content: center;
}

/* ===============================
   IMAGEN DE FONDO
================================ */

.capa_imagen{
  position: absolute;
  inset: 0;
}

.capa_imagen img{
  width: 100%;
  height: 100%;
  object-fit: cover; /* llena sin deformar */
  display: block;
}

/* ===============================
   CAPA RELOJ
================================ */

.capa_reloj{
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;

  color: #fff;
  font-family: sans-serif;
  text-shadow: 2px 2px 5px #000;
  background: #0000003b;
}

/* ===============================
   FECHA
================================ */

.date_reloj{
  text-align: center;
  font-size: 28px;
  margin-bottom: 16px;
}

/* ===============================
   HORA
================================ */

.clock_reloj{
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
}

/* ===============================
   SEGUNDOS
================================ */

.seconds_reloj{
  display: block;
  font-size: clamp(60px, 12vw, 110px);
  line-height: 1;
}

/* ===============================
   CLASES LEGACY (VACÍAS, SE MANTIENEN)
================================ */

.weekDay_reloj,
.day_reloj,
.month_reloj,
.year_reloj,
.hours_reloj,
.minutes_reloj{
  /* heredado – sin estilos propios */
}