@font-face {
    font-family: "anton";
    /* font-weight: 900; */
    src: url("../../../assets/fonts/Anton-Regular.ttf");
}

/* **** CONTADOR  **** */
.item {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    font-family: "anton", sans-serif;
    font-size: 6.5vw;
    color: #ffff;
    z-index: 1;
}

.contador {
    font-variant-numeric: lining-nums tabular-nums;
    -moz-font-feature-settings: "lnum","tnum";
    font-feature-settings: "lnum","tnum";
  }
  
  /* 2) Caja de ancho fijo por dígitos */
  .contador .item {
    /* Asegura que la caja no se contrae con el “1” */
    display: inline-block;      
    width: 2ch;                
    line-height: 1;
  }
  
  .contador .item > div {
    width: 100%;
    text-align: center;          /* centra ópticamente “00”, “01”, “11”, etc. */
  }
  


.dia { margin:65% 30%; }
.hrs { margin:65% 41.5%; } 
.min { margin:65% 52.5%; }
.seg { margin:65% 64%; }  

/* .mensaje-momento {
  position: absolute;
  top: 0%;
  left: 0%;
  height: auto;
  margin:65% 20%; 
  width:100%;
  font-size: 6.5vw;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.6s ease;
  font-family: "anton";

}

.mensaje-momento.visible {
  opacity: 1;
} */



.mensaje-momento {
  position: absolute;
  top: 0%;
  left: 0%;
  height: auto;
  margin: 65% 20%;
  width: 100%;
  font-size: 6.5vw;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.6s ease;
  font-family: "anton";
  z-index: 2;
}

.mensaje-momento.visible {
  opacity: 1;
}