#Principal{
  margin: auto;
  max-width: 1024px;
  /*height: 100vh;*/
}
#superposicion {
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    z-index: 5000;
    pointer-events: none;
}
.header {
    height: 30px;
    z-index: 25;
  }

/* .html{
  min-height: 100vh;
  position: relative;
 }  */
 
  .sticky{
    top:50px;
  }
  .caratula{
    display: flex;
    align-items: center;
  }
 .letrastitulo{
  position: absolute;
  font-family: DancingScript;
  color: white;
  text-align: center;
  font-size: 100px;
  max-width: 1024px;
  width: 100%;
 }
.header{
  position:fixed;
  width: 100%;
  padding:0;
}
 .fondonav{
    /*background: linear-gradient(rgba(109, 107, 107, 0),rgb(9, 7, 7,0.5));*/
    background-color: rgb(0,0,0,0.5);
    min-height: 50px;
    max-height: 60px;
    height:60px;
    max-width: 1024px;
    padding:0;

 }
 @media (max-width: 992px) {
 .fondomenu{
  background-color: rgb(0,0,0,0.5);
  }
}
video {
  position: absolute;
    top:0;
    min-height: 100%;
    height: auto;
    width:auto;
    max-width: 1024px;
    z-index: -1;
  }
  @font-face {

    font-family: DancingScript;
    src: url(../fuentes/DancingScript-Regular.otf);
    
    }
    #Logo{
      font-family: DancingScript;
      color: white;
      text-align: center;
    }
    #imglogo{
      height: 60px;
      width: 60px;
      border-radius: 50px;
      padding: 4px;
    }
    .categoria{
      font-family: DancingScript;
      font-style:normal;
      color: white;
      font-size: 30px;
      
    }
    /*.fondo3{
      background: linear-gradient(rgb(107, 5, 107),red);
    }
    .fondo1{
      background: linear-gradient(orange,rgb(234, 0, 255));
    }
    .fondo2{
      background: linear-gradient(green,rgb(5, 105, 107));
    }
    .fondofooter{
      background: linear-gradient(gray,black);
    }*/
    .fondo3{
      background: black;
    }
    .fondo1{
      background: black;
    }
    .fondo2{
      background: black;
    }
    .fondofooter{
      background: linear-gradient(black,gray);
    }
    .divplato{
      border-style: solid;
      border-radius: 20px;
      border-color: white;
      box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
      margin: 2px;
    }
    .textoplato{
      font-family: DancingScript;
      font-style: normal;
      padding-right: 5px;
      color: lightblue;
      font-size: 20px;
    }
    .nombreplato{
      padding-right: 5px;
    }
    .textodescripcionplato{
      font-family: 'Lucida Sans';
      color:white;
    }
    .divalergenos{
      display: inline-block;
      width: 90px;
      vertical-align: top;
      
    }
    .imagenalergeno{
      width: 10mm;
      height: 13mm;
    }
    .imagenfamilia{
      width: 100px;
      height: 100px;
    }
    .cuadrohorario{
      background: linear-gradient(lightblue,gray);
      display: inline-block;
      align-content: center;
    }
    .diahorario {
        font-family: DancingScript;
        font-size: 25px;
    }
    .footerfijo {
      position: absolute;
      bottom: 0;
      width: 100%;
      max-width: 1024px;
    }

    a{
      text-decoration: none;
    }