@font-face {
  font-family: 'San Francisco Regular';
  src: url('fonts/San-Francisco/SFNSDisplay-Regular.otf');   /* Ruta a la versión otf de la fuente */
}

@font-face {
  font-family: 'San Francisco Light';
  src: url('fonts/San-Francisco/SFNSDisplay-Light.otf');   /* Ruta a la versión otf de la fuente */
}

@font-face {
  font-family: 'San Francisco Bold';
  src: url('fonts/San-Francisco/SFNSDisplay-Bold.otf');   /* Ruta a la versión otf de la fuente */
}

@font-face{
  font-family: 'TickingTimebomb';
  src: url('fonts/TickingTimebomb/TickingTimebombBB.ttf');   /* Ruta a la versión otf de la fuente */

}

:root{
  --background:#ebebeb;
  --text:#303030;
  --bold:#010101;
  --titles:#747474;
}

/* Puedes definir estilos adicionales para el uso de la fuente */
body {
  font-family: 'San Francisco Regular', sans-serif;
  background-color: var(--background);
  -webkit-user-select: none; /* Desactiva la selección en navegadores WebKit como Chrome y Safari */
    -moz-user-select: none; /* Desactiva la selección en navegadores basados en Gecko como Firefox */
    -ms-user-select: none; /* Desactiva la selección en Internet Explorer */
    user-select: none; /* Propiedad estándar para desactivar la selección */
}

h5, h2{
  font-family:'TickingTimebomb', sans-serif;
  font-size: 2em;
  font-weight: 800;
  color: var(--text);
}

h1{
  font-family:'TickingTimebomb', sans-serif;
  font-size: 10em;
  font-weight: 700;
  color: var(--bold);
}

.time{
  position: absolute;
  margin-top: 20px;
  font-family:'TickingTimebomb', sans-serif;
  font-size: 3em;
  font-weight: 700;
  color: var(--bold);
}

.seconds{
  margin-top: 40px;
  font-family:'TickingTimebomb', sans-serif;
  font-size: 3em;
  font-weight: 700;
  color: var(--bold);
}

h4{
  font-size: 1.2em;
  font-family: 'San Francisco Regular', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

small{
  font-family:'San Francisco Regular', sans-serif;
  font-size: 1.2em;
  font-weight: 800;
  color: var(--titles);
  text-transform: uppercase;
}


.company{
  font-size: 3em;
 font-family: 'San Francisco Light';
 margin-top: -30px;
}

.dias_semana{
  font-size: 1.5em;
  font-family: 'San Francisco Regular';
}

.active{
  font-family:'San Francisco Light'!important;
  padding: 5px 15px 5px 15px!important;
  color: white!important;
  background: var(--text)!important;
  border-radius: 5px!important;
}

.title-anuncios{
   font-family: 'San Francisco Bold';
  font-size: 1.8em;

}

li{
   font-family: 'San Francisco regular';
  font-size: 1.3em;
}

.input-numero-empleado{
  background-color: var(--background)!important;
   border: 0px!important;
  width: 220px;
  padding: 10px;
}


.input-numero-empleado:focus{
  border: 0px!important;
  outline: none;
}

.name-admon{
  text-transform: uppercase!important;
  font-size: 1.4em!important;
  font-weight: 900!important;
  color: var(--text);
}

.ads-cl-container{
  border-radius: 10px;
  padding: 5px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.ads-cl-title{
  text-transform: uppercase!important;
  font-size: 1em!important;
  font-weight: 900!important;
  color: var(--bold);

}

.ads-cl-text{
  color: var(--text);
}

.ads-cl-date{
  font-size: 1em!important;
  text-transform: capitalize;
  font-weight: 900!important;
}