@font-face {
  font-family: 'Chiller';
  src: url('fonts/CHILLER.woff2') format('woff2'),
       url('fonts/CHILLER.woff') format('woff'),
       url('fonts/CHILLER.ttf') format('truetype'),
       url('fonts/CHILLER.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

#fecha-hora {
  justify-content: right;
  position: fixed;
  background-color: rgba(0, 0, 0);
  /* border-top: 0.10px solid darkgray; */
  border-top: 1px solid bisque;
  border-bottom: 1px solid bisque;
 
  flex-direction: row;
  height: 23px;
  z-index: 100;
  width: 100%;
  display: flex;
  top: 3.15rem;
   /* Margen de 5px en todas las pantallas */


}


.modo-btn{
  font-family:'Chiller' !important;
  font-size: 14px!important;
font-weight: 900!important;
}
/* .shadow-top {
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);



/* .shadow-bottom-all { 
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}*/

#fecha-hora p {
  color: bisque;

  align-items: center!important;
  display: flex;
  margin:  0 ; 

 font-family: "Lilita One", serif;
  font-size: 10.5px;
 font-style: italic;
}
 #fecha{
  white-space: nowrap;
  padding-right:  2%;
  
  text-align: right;
 }
#hora{
 padding-right: 2%;
  text-align: right;
  color: bisque!important;


  
}


.today{
  padding-right: 1%;
  padding-left: 1%;
}

.symbol-time{
  font-weight: bold; 
  margin-right: 2% ;
  align-items: center!important;
  display: flex;
   
  font-weight: bolder;
}


#fecha-hora{
  /* font-weight: bold; Aplica negrita */
  font-style: italic; /* Aplica cursiva */
}


.texto-resaltado{
  background-color: rgb(237,28,36);
  display: flex;
  align-items: center;
border-right: .1px solid bisque;
border-top: .1px solid bisque;
border-left: .1px solid bisque; 
border-bottom: .1px solid bisque;
width: 82px;
height: 1.1rem;
justify-content: center;
margin-bottom: 1px;
margin-right: 2px;


}

.ri-moon-fill {
  font-size: .88rem!important;
     margin-right: 3px;
  
   
   }
   
   .ri-sun-fill {
     font-size: .88rem!important;
     margin-right: 3px;
   
   }