* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.contenedor {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  text-align: center;
  align-self: center;
  bottom: 0;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 45%;
  background-color:#001a35c4;
 box-shadow:-1px 0px 0.5px 1px #ccccccde;
  width:fit-content;
  height: 18px;
  min-height: max-content;
  padding: 10px;
  border-radius:7px;
  gap: 0;

}

.contenedor--item{
  position: relative;
  display: flex;
  flex-direction:row;
  justify-content:center;
align-items: center;
  width: min-content;
  height: min-content;
  min-width:60px;
  min-height:20px;
  padding:10px;
  gap:8px;
  margin: 5px;
  background-color: #001120bb;
  outline: 1px solid #b6fff9e0;
  outline-offset: 1px solid #cfcfcfd0;
  border-radius:5px;



}
.contenedor--item:hover{
  
 
  outline: 1px solid #cfcfcfd0;
   outline: 1px solid   rgba(164, 54, 255, 0.849);
  color: rgb(0, 0, 0);
  background-color: #ffffff9f;


  }
  

.date--item{

  text-shadow: -2px 1px 1px #000000;
   font-family: 'Pristina';
   color: rgba(255, 255, 255, 0.87);
   font-size: clamp(0.9rem, 2.2vw, 1.2rem);
   font-weight: lighter;
   margin: 0;
   padding: 0;
 

 
}
.date--item:hover{
 
  text-shadow: -2px 1px 1px #fffb00;
  color: rgba(0, 0, 0, 0.87);
  margin-top: 2px;
  
}





.numbers{
position: relative;
bottom: 2px;
  font-size: clamp(0.8rem, 2.2vw, 1rem);
  color: #0ffc86;
  text-shadow: -1px 1px 1px #000000;
  font-weight: lighter; 
   
}



/*----------> <<< QUERIES >>> <-----------*/
  
@media screen and (min-width: 600px){


.contenedor {
  margin-bottom: -10%;
}

    .contenedor--item{
      
      width: min-content;
      height: min-content;
      min-width:70px;
      min-height:30px;
      padding: 8px 10px;
    }

    .date--item {
     
 
   font-weight: lighter;
   margin: 0;
   padding: 0;

     
    }
   
    
    
}

/* <---- H <<< QUERIES /ENDS >>> ----->*/
/*________________________________________________________*/