:root{
    --blue:  #02095F;
    --white: #ffffff;
    --red:   #BC1912;
}

@font-face {
    font-family: "JennaSue";
    src: url("../fonts/JennaSue.ttf");
}
 
 
.responsive {
    max-width: 250px;
    width: 100%;
    height: auto;
}
#header{
    background: var(--white);
}
.covid{ 
    color:var(--red) !important; 
} 
.fa-angle-double-down{
    font-size: 2.5em !important;   
}
.toors{
    width: 200px;
}
 .whatsapp,.whatsapp img{ 
         cursor:pointer;
         position: fixed;
         bottom:90px;
         right:0px;
         
         z-index:999;
         }
.font-jenna{
    font-family: "JennaSue";
} 
.jenna-shadow-cyan{
    text-shadow: 1px 2px 5px cyan;
}
.slot {
    height: 40px;
    width: 40px;
    font-size:13px;
    background-size: cover; 
    border: 0; 
    padding-top: 0px;
    text-align: center;
    background-image: url(../images/butaca.png); 
}
.bus{
    display: inline-block;
    min-width: 100px;
    border:5px solid #02095F;
    padding:5px;
    margin:10px;
    border-radius:10px;
    width:220px;
} 
.bus::before{ 
    content: " ";
    display: block;
      box-shadow: 
      -6em 1em 0 0 #02095F,
      -5.5em 1em 0 0 #02095F,
      9em 1em 0 0 #02095F,
      9.5em 1em 0 0 #02095F,
      -6em 2em 0 0 #02095F,
      9.5em 2em 0 0 #02095F,
      -6em 3em 0 0 #02095F, 
      9.5em 3em 0 0 #02095F; 
      background: transparent;
      width: 1em;
      height: 1em;
      overflow: hidden;
      margin: 0px 0px 20px 64px;
}
.espacio{
    height:25px;
} 
 .cubo {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: solid 1px #3490dc!important;
    margin-right: 5px; 
}   

.fs-11{
    font-size:0.8rem;   
}
.fs-14{
    font-size:1rem;   
}
.pointer{
    cursor:pointer;
}

/*INTERRUPTOR*/

/* Formateamos el label que servirá de contenedor */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
}
 
/* Ocultamos el checkbox html */
.switch input {
  display:none;
}
 
/* Formateamos la caja del interruptor sobre la cual se deslizará la perilla de control o slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
 
/* Pintamos la perilla de control o slider usando el selector before */
.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
 
/* Cambiamos el color de fondo cuando el checkbox esta activado */
input:checked + .slider {
  background-color: #17a2b8;
}
 
/* Deslizamos el slider a la derecha cuando el checkbox esta activado */ 
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
 
/* Aplicamos efecto de bordes redondeados en slider y en el fondo del slider */
.slider.round {
  border-radius: 34px;
}
 
.slider.round:before {
  border-radius: 50%;
}
/* fin INTERRUPTOR*/