body {
        font-family: "Manrope", sans-serif;
        
      }
      @font-face {
        font-family: 'Gotham Black';
        src: url('/fonts/GothamB.ttf');
    }
    
     @font-face {
        font-family: 'Brush Script Regular';
        src: url('/fonts/brtswfte.ttf');
    }
    
    .brush{
        font-family: "Alex Brush", cursive;
          font-weight: 700;
          font-style: normal;
    }
    
    .color_blanco{
        color:#FFFFFF;
    }
      
      .fondo_negro{
          background-color:#000000;
          color:#FFFFFF;
      }
      .separador-superior{
          padding-top:20px;
          padding-bottom:50px;
          line-height:80px;
      }
      
      .separador-superior-cart{
          padding-top: 0px;
            padding-bottom: 25px;
            line-height: 70px;
      }
      .titulo-cart{
        font-size:7vw;
        margin-top:0;
      }
      
      .separador-inferior{
          padding-top:20px;
          padding-bottom:50px;
          line-height:80px;
      }
      
        ul#menu li {
          display:inline;
          padding:10px;
          padding-right:20px;
          font-family: "Sofia Sans Extra Condensed", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          font-size: 1.4vw;
        }
        
        
        
        ul#menu-sub li {
          display:inline;
          padding:10px;
          padding-right:20px;
          font-family: "Fraunces", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          font-size: 1.4vw;
        }
        
        ul#menu-sub li a {
          display:inline;
          padding:10px;
          padding-right:20px;
          font-family: "Fraunces", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          font-size: 1.4vw;
        }
        ul#menu-footer{
            margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0 !important;
    padding-left: 0 !important;
        }
        
        ul#menu-footer li {
          display:inline;
          padding:10px;
        }
        
        ul#menu-footer li a {
          font-size:32px;
          text-decoration:none;
          color:#FFFFFF;
          
        }
        
        ul#menu li a {
            display:inline;
          padding:10px;
          padding-right:20px;
          font-family: "Sofia Sans Extra Condensed", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          font-size: 1.4vw;
          color:#FFFFFF;
          
          text-decoration:none;
          border-radius:30px;
          padding:5px;
          padding-left:25px;
          padding-right:25px;
        }
        
        ul#menu-sub li a {
          font-size:18px;
          text-decoration:none;
          color:#000000;
          font-size:24px;
          border: solid 1px #000000;
          border-radius:30px;
          padding:10px;
          padding-left:25px;
          padding-right:25px;
          
          
        }
        
        ul#menu li a:hover {
          color:#6A635C;
         
        }
        ul#menu-sub li a:hover {
          color:#6A635C;
          border: solid 1px #6A635C;
        }
        
        
        .menu_activo{
            color:#D1486B!important;
            font-size:1.5vw!important;
            border: solid 1px #D1486B!important;
            border-radius:24px!important;
            padding:5px!important;
        }
        
        .menu_activo2{
            color:#D1486B!important;
            font-size:24px;
            border: solid 1px #D1486B!important;
            border-radius:24px;
            padding:5px;
        }
        
        .carrito{
           background: url(img/carrito-01.png);
            background-size: contain;
            height: 100px;
            width: 100px;
            background-repeat: no-repeat;
        }
        
        .cinta-superior{
           background: url(img/cinta-01.png);
            background-size: contain;
            height: 44px;
           
        }
        .banner-superior{
           background: url(img/1-01.png);
            background-size: cover;
            height: 465px;
              background-repeat: no-repeat;
              background-position-x: center;
           
        }
        .fondo-footer{
            background: url(img/2-01.png);
            background-size: cover;
            height: 566px;
              background-repeat: no-repeat;
        }
        
        .fondo-blanco{
            background-color:#FFFFFF;
            color:#000000;
        }
        
        .menu_principal{
            min-height:500px;
            padding-top:100px;
            padding-bottom:50px;
        }
        
        .menu_principal_cart{
            min-height:500px;
            padding-top:30px;
            padding-bottom:50px;
        }
        
        .linea {
            margin-top: 36px;
            margin-bottom: 20px;
            border: 0;
            border-top: 2px solid #000000;
        }

        .contenedor_plato{
            border: solid 2px #000000;
            border-radius:15px;
            cursor:pointer;
                margin-bottom: 15px;
        }
    
        .imagen_plato{
            
            height:290px;
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            
            
        }
        
        .imagen_plato_cart{
            height: 300px;
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            
        }
    
        .titulo_categoria{
            font-family: "Fraunces", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
              font-size: 1.8vw;
        }
    
    .titulo_plato{
        font-family: "Fraunces", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
        font-size: 31px;
        line-height: 55px;
        color:#FFFFFF;
        background-color:#000000;
        padding-left:20px;
    }
    
    .titulo_plato_modal{
        font-family: "Fraunces", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
        font-size: 31px;
        line-height: 55px;
        color:#FFFFFF;
        background-color:#000000;
        padding-left:20px;
    }
    
    .descripcion_plato{
        padding-left: 10px;
        padding-top: 15px;
        padding-right: 96px;
        padding-bottom: 15px;
        margin-left: 10px;
        margin-right:10px;
        border-bottom: dotted;
    }
    
    .seccion_precio_plato{
        display:flex;
        height: 56px;
    padding-top: 10px;
    }
    
    .precio_plato{
        font-family: "Fraunces", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
        font-size:24px;
        font-weight:bold;
        line-height:34px;
        width:75%;
        padding-left:15px;
    }
    
    .decimal{
        font-size: 14px;
    line-height: 14px;
    margin-top: 6px;
    position: absolute;
    margin-left: 5px;
    font-family: "Fraunces", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
    }
    
    .lbl_agregar{
            font-weight: bold;
            font-size: 14px;
            font-family: "Fraunces", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
    }
    .gotham{
       font-family: "Gotham Black";
              font-optical-sizing: auto;
              font-weight: 1000;
              font-style: normal; 
    }
    .fraunces{
        font-family: "Fraunces", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
    }
    
    .best{
        margin-top: 90px;
        font-size: 5vw;
    }
    .intown{
        font-size: 3.5vw;
    }
    
    .titulo_modal{
        bottom: 0;
    position: absolute;
    width: 96%;
    }
    
    .descripcion_plato_modal{
        padding-bottom:20px;
        border-bottom:solid 1px #000000;
    }
    
    .contenedor_cantidad_modal{
        margin:0!important;
        padding-bottom:5px;
        border-bottom:solid 1px #000000;
    }
    .d-none{
        display:none;
    }
    
    .modal-plato{
            border: solid 3px #000000;
    border-radius: 10px;
    margin: 10px;
    padding:0;
    }
    
    .btn-made{
        color:#FFFFFF;
        background-color: #D34A6D;
        border-color:#D34A6D;
            display: inline-flex;
    }
    
    .btn-made span{
            padding-top: 9px;
    padding-left: 10px;
     font-family: "Fraunces", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
    }
    
    .btn-made h2{
            padding: 0;
           margin:0;
    }
    
    .configuracion{
        padding:15px;
        
    }
    
    .scroll-menu{
        overflow-y: scroll;
        height: 394px;
        
    }
    
    .scroll-cart{
        overflow-y: scroll;
        height: 394px;
        
    }
    
    .contenedor_agregar_modal{
        position: relative;
    bottom: 0;
    right: 0;
    display: block;
    }
    .titulo_configuracion{
         font-family: "Fraunces", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
              font-size:18px;
        
    }
    
    textarea{
        width:100%;
        min-height:100px;
        border-radius:10px;
        background-color:#DAD8CB;
        border-color:#DAD8CB;
    }
    
    .container-radio {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 15px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
    /* Hide the browser's default radio button */
    .container-radio input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
    }
    
    /* Create a custom radio button */
    .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      background-color: #FFFFFF;
      border-radius: 50%;
      border:solid 1px #000000;
    }
    
    /* On mouse-over, add a grey background color */
    .container-radio:hover input ~ .checkmark {
      background-color: #FFFFFF;
    }
    
    /* When the radio button is checked, add a blue background */
    .container-radio input:checked ~ .checkmark {
      background-color: #FFFFFF;
    }
    
    /* Create the indicator (the dot/circle - hidden when not checked) */
    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }
    
    /* Show the indicator (dot/circle) when checked */
    .container-radio input:checked ~ .checkmark:after {
      display: block;
    }
    
    /* Style the indicator (dot/circle) */
    .container-radio .checkmark:after {
     	top: 3px;
    left: 2px;
    width: 13px;
    height: 13px;
    	border-radius: 50%;
    	background: #D34A6D;
    }
    
    
    .header_mobile{
        display:none;
    }
    
    .header_mobile2{
        display:none;
    }
    
    .imagen_dinner{
        margin-top: -80px;
    }
    
    .fondo-blanco-footer {
        background-color: #FFFFFF;
        color: #000000;
    }
    .badge{
        margin-top: -5px;
        margin-right: -47px;
        background-color: #ffffff;
        color: #000000;
      }
    
    .borde-izquierdo{
        border-left: 3px solid #000000;
    margin-top: 20px;
    margin-bottom: 20px;
    }
    
    .separador_modal{
        padding-right:0px;
    }
    
    .imagen_modal {
        height: 400px!important;
        
        background-size: 165%!important;
        width: 100%!important;
        background-position-x: center!important;
        background-position-y: center!important;
        margin-bottom: 55px!important;
        border-top-left-radius: 10px!important;
    }
    
    .contenedor_descripcion_modal{
        width: 55%; padding-top: 10px;
    }
    .cantidad_modal{
        font-size:30px;   
    }
    .icono_footer{
        font-size:35px;
    }
    
    .btn-modal{
        width: 100%;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    }
    
    .btn-modal h2{
            font-size: 16px;
            text-align: center;
            margin: 0 auto;
            line-height: 25px;
    }
      
      
      @media only screen and (max-width: 1024px) {
           .badge{
        
        margin-right: -25px;
        
      }
          .header_escritorio{
              display:none;
          }
          
          .header_mobile{
            display:block;
            }
            
            .header_mobile2{
            display:block;
            line-height:35px!important;
            
            }
            
            .carrito {
    
                height: 50px;
                width: 50px;
                margin-top: 15px;
            } 
            
            .logo_header{
                display:none;
            }
            
            .separador-superior {
                
                padding-bottom: 14px;
                    line-height: 35px!important;
                
            }
            .cinta-superior {
               background-size: cover;
                height: 18px;
            }
            
            .banner-superior {
                height: 243px;
                background-repeat: no-repeat;
                background-position-x: center;
                background-size: cover;
            }
            .best {
                margin-top: 37px;
                font-size: 11vw;
            }
            .smash{
                width: 250px;
            }
            
            .intown {
                font-size: 6.5vw;
                line-height: 0.2!important;
            }
            .imagen_dinner{
                margin-top: 0px;
                width:150px;
            }
            #menu-sub{
                margin-left: 0;
    padding-left: 0;
    padding-bottom:20px;
            }
            
            
            
            ul#menu li {
                display: inline;
                padding: 7px;
                padding-right: 1px;
                font-family: "Sofia Sans Extra Condensed", sans-serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal;
                font-size: 4.5vw;
            }
            
            ul#menu li a {
                font-size: 18px;
                text-decoration: none;
                border-radius: 30px;
                padding: 5px;
                padding-left: 10px;
                padding-right: 10px;
            }
            
             ul#menu-sub li {
                display: inline-block;
                padding: 7px;
                padding-right: 1px;
                font-family: "Sofia Sans Extra Condensed", sans-serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal;
                font-size: 4.5vw;
            }
            
            ul#menu-sub li a {
                    font-size: 13px;
    text-decoration: none;
    border-radius: 30px;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
            }
            
            .height35{
                line-height: 48px !important;
                height: 48px;
                background-color: #FFFFFF;
                background-image: url(img/cinta-01.png);
                background-size: 100% 15px;
                background-position-y: center;
                background-repeat: repeat-x;
            }
            .menu_activo {
                 color: #D1486B;
                font-size: 4.5vw !important;
                border: solid 1px #D1486B;
                border-radius: 24px;
                padding: 5px;
            }
            
            .menu_principal {
    
                padding-top: 30px;
                margin-left: 10px;
                margin-right: 10px;
                
            }
            
            .imagen_plato {
                height: 118px;
                border-bottom-left-radius: 15px;
                border-top-left-radius: 15px;
                border-top-right-radius: 0;
            }
            
            .contenedor_plato{
                margin-left:15px;
                margin-right:15px;
                height: 123px;
                margin-bottom: 10px;
            }
            
            .titulo_plato {
                font-family: "Fraunces", sans-serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal;
                font-size: 15px;
                line-height: 18px;
                color: #FFFFFF;
                background-color: #000000;
                padding: 10px;
                
                margin:5px;
                border-radius:10px;
            }
            
            .titulo_plato_modal {
                font-family: "Fraunces", sans-serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal;
                font-size: 15px;
                line-height: 18px;
                color: #FFFFFF;
                background-color: #000000;
                padding: 12px;
                margin: 0px;
                border-radius: 10px;
            }
            
            .descripcion_plato{
                font-size: 12px;
                padding: 5px;
                border-bottom: none;
                overflow-y: scroll;
        height: 70px;
            }
            #menu_mobile{
                    max-height: 55vh;
                    overflow-y: auto;
        scrollbar-color: black grey;
            }
            
            .footer_burger{
                font-size:12vw;
                color:#000000;
            }
            
            .fondo-blanco-footer {
                color: #FFFFFF;
                background-color: #000000;
            }
            
            .borde-izquierdo{
              border-left: 3px solid #FFFFFF;
   
             }
             .titulo_modal {
                bottom: 0px;
                position: absolute;
                width: 93%;
                margin:0;
            }
            .separador_modal{
                padding-right: 16px;
            }
            
            .imagen_modal {
                height: 330px!important;
               
                background-size: 165%!important;
                width: 100%!important;
                background-position-x: center!important;
                background-position-y: center!important;
                margin-bottom: 10px!important;
                border-top-left-radius: 10px!important;
            }
            
            .contenedor_descripcion_modal{
                width: 100%; 
            }
            
            .descripcion_plato_modal {
                padding: 20px;
                
            }
            
            .cantidad_modal{
                font-size:22px;   
            }
            
            .contenedor_agregar_modal{
                text-align: center!important;
    padding-bottom: 10px;
    padding-top: 10px;
            }    
            
            .precio_plato {
    font-family: "Fraunces", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 19px;
    font-weight: bold;
    line-height: 38px;
    width: 75%;
    padding-left: 15px;
}

.titulo_categoria{
    font-size: 7vw;
}
    
      
      .icono_footer{
        font-size:26px;
        }
    
    .btn-modal h2 {
        font-size: 12px;
        text-align: center;
        margin: 0 auto;
        line-height: 25px;
        margin-left: 0px;
    }
}