.montserrat-custom {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
  }
 
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            
            height: 100vh;

        }
        .main {
  /*  position: sticky;
    top: 0;
    background: white;
    z-index: 1000; 
    box-shadow: none; */
}
        .logo {
            margin-top: 50px !important;
            
        }
        p.deslizar {
            font-size: 10px;
            font-family: 'Circensis';
        }
   
        .header img {
            width: 160px;
            display: block;
            margin: auto;
            margin-bottom: 5px;
        }
        .date {
            background: #fff;
            display: inline-block;
            padding: 5px 0px;
            
            border-bottom: 1px solid #ebebeb;
            font-size: 8px;
            width: 100%;
            justify-content: center;
        }

        .menu-nav::-webkit-scrollbar {
            display: none;
        }
        .txt_bienvenida p {
            
            padding: 0 40px 0 40px;
        }
        .txt_bienvenida {
            padding-top: 8px;
            padding-bottom: 8px;
        }
        .menu-nav {
            font-family: 'Circensis';
            font-size: 20px;
            font-weight: bold;
            padding-top: 8px;
            padding-bottom: 8px;
            
            display: flex;
            overflow-x: auto;
            gap: 0px;
            background: #fff;
            scrollbar-width: none;
            justify-content: center;
            overflow-x: auto;
            scroll-behavior: smooth;
            white-space: nowrap;
        }
        @media (max-width: 768px) {
            .menu-nav {
            justify-content: left;
            }
          }        

        .menu-nav > div:first-child a {
            border-left: 1px solid #000; 
        }

        .highlight  {
            border: none;
            background-color: #fff;
            font-family: 'Circensis';
            font-size: 18px;
            font-weight: bold;
            border-right: 1px solid black;
            border-top:1px solid black;
            border-bottom: 1px solid black;
            
            flex: 0 0 auto;
            text-decoration: none;
            color: #000;
            padding: 8px;
        }

        .highlight_2  {
            background-color: #fff;
            font-family: 'Oswald';
            font-size: 18px;
            font-weight: bold;
            border:1px solid black;
            flex: 0 0 auto;
            text-decoration: none;
            color: #000;
            padding: 8px;
            margin-bottom:10px;
            display:inline-flex;
            width: 88%;
            text-align:center;  
            justify-content:center;
        } 

        .btn-verde {
            border-radius: 50px;
            background-color: #709d76;
            padding: 10px;
            margin: auto;
            margin-top: 10px;
            width: 220px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            color: #fff;
            border: none;
        }

        
        .btn-verde a {
            text-decoration: none;
            color: #fff !important;
            font-size: 14px;
            -webkit-tap-highlight-color: transparent;
            display: block;       
            width: 100%;           
            box-sizing: border-box; 
            text-align: center; 
        }
        .btn-verde a:visited,
        .btn-verde a:active,
        .btn-verde a:hover,
        .btn-verde a:focus {
        color: #1a1a1a; /* mantené el mismo color en todos los estados */
            }
       

         .menu-item {
            max-width: 400px;
            margin: auto;
            padding: 10px 20px 10px 20px;
            border-bottom: 1px dotted black;
            text-align: left;
        }

        .menu-item .menu-title {
            display: flex;
            justify-content: space-between;
            font-size: 17px;
            font-weight: bold;
            font-family: "Oswald", sans-serif;
            
        }
        .menu-item .menu-description {
            font-size: 14px;
            color: gray;
            width: 70%;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .highlight-btn {
            display: block;
            padding: 6px 14px;
            border: 1px solid #000;
            color: #8c7300;
            font-size: 16px;
            font-weight: bold;
            background: white;
            margin: 10px auto;
            position: relative;
            font-family: "Oswald", sans-serif;
            letter-spacing: 2px;
        }
   
        .active {
        
            border: 1px solid #101010;
            color: #fff;
           
            font-weight: bold;
            background: black;
            margin: 10px auto;
            position: relative;
        }
        .active2 {
            background-color: #faf8f2;
        }

        
        .precio {
            font-size: 18px;
            font-family: "Oswald", sans-serif;
        }
        .menu-item:last-of-type {
            border-bottom: unset !important;
 
        }
        div.menu-item:last-of-type {
            border-bottom: unset !important;
        
        }
        div.menu-item:last-child {
            border-bottom: unset !important;
        }
        ul {
            margin: 0px;
            padding: 0px;
        }
        ul li {
            list-style: none;
            border-bottom: 1px dotted #333;
        }
        ul li:last-child {
            list-style: none;
            border-bottom: 1px dotted #333;
        }
        ul li:last-of-type {
            border-bottom: unset !important;
        
        }
        .gap {
            height: var(--gap, 1rem); /* valor por defecto: 1rem si no se define */
        }
                .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-out;
        }

        .accordion-content.show {
            max-height: 1000px; /* Un valor alto para permitir expansión */
        }


                .accordion-content li {
                    border-bottom: 1px dotted black;
                    padding: 10px;
                }

        /* Animación de rebote */
@keyframes bounce {
    0%   { transform: scale(1); }
    30%  { transform: scale(1.1); }
    50%  { transform: scale(0.95); }
    70%  { transform: scale(1.05); }
    100% { transform: scale(1); }
  }