@import "https://fonts.googleapis.com/css2?family=Satisfy&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--barra-bg:#070707;--barra-panel:#121212;--barra-panel-strong:#1a1a1a;--barra-text:#fff;--barra-muted:#e6e6e6;--barra-accent:#f4c542;--barra-accent-strong:#e1b51d;--barra-line:#ffffff1f}*{box-sizing:border-box}img{max-width:100%;height:auto}body{background:#f5f5f5;margin:0;font-family:Arial}.container{width:90%;margin:auto;padding:30px}select{width:250px;margin-bottom:30px;padding:10px;font-size:16px}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-top:25px;display:grid}.titulo-menu{text-align:center;margin-bottom:10px;font-family:Satisfy,cursive;font-size:3.5rem}.food-card{background:#fff;border-radius:12px;flex-direction:column;font-family:Poppins,sans-serif;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 3px 10px #00000026}.food-card:hover{transform:translateY(-5px)}.food-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.food-card h3{min-height:60px;margin:0 0 10px;font-family:Satisfy,cursive;font-size:1.8rem}.categoria{color:#666;margin-bottom:15px}.food-card h4{margin-bottom:20px}.precio{color:#02830d;margin-bottom:20px;font-size:1.2rem;font-weight:700}.btn-detalles{color:#fff;cursor:pointer;background:#02830d;border:none;border-radius:8px;width:100%;margin-top:auto;padding:12px;font-family:Montserrat,sans-serif;font-size:18px;transition:all .2s}.btn-detalles:hover{background:#02700b}.food-img{object-fit:cover;width:100%;height:200px}.modal-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:18px;align-items:flex-start;gap:35px;width:900px;max-width:90%;padding:30px;font-family:Poppins,sans-serif;animation:.25s aparecer;display:flex;position:relative;box-shadow:0 10px 25px #00000040}.modal-img{object-fit:cover;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:500px;scale:1}.modal-body{flex-direction:column;flex:1;justify-content:center;padding-right:20px;display:flex}.modal-titulo{color:#1a1a1a;margin:0 0 10px;font-family:Satisfy,cursive;font-size:2.5rem}.descripcion{color:#666;margin-bottom:30px;font-size:17px;line-height:1.7}.precio-modal{color:#02830d;margin:0;font-size:2rem}.aviso{color:#999;margin-top:10px;font-size:14px}.cerrar-modal{cursor:pointer;background:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;transition:all .25s;position:absolute;top:18px;right:18px}.cerrar-modal:hover{background:#e5e5e5}@keyframes aparecer{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.navbar{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:18px 40px;display:flex;box-shadow:0 2px 8px #00000014}.navbar-logo{color:#000;width:auto;height:90px;font-size:2rem;font-weight:700;display:block}.navbar-logo:hover{scale:1.05}.navbar-links{align-items:center;gap:15px;display:flex}.navbar-user{color:#222;font-size:1rem;font-weight:500}.navbar-btn{color:#000;cursor:pointer;border-radius:8px;padding:10px 18px;font-family:Satisfy,cursive;font-size:28px;font-weight:600;text-decoration:none;transition:all .3s}.navbar-btn:hover{color:#fff;background:#02830d}.hero{justify-content:space-between;align-items:center;gap:60px;max-width:1300px;margin:auto;padding:70px 30px;display:flex}.hero-info{flex:1}.hero-logo{width:450px;max-width:100%;margin-bottom:30px}.hero-info h1{margin-bottom:20px;font-family:Satisfy,cursive;font-size:4rem}.hero-info p{color:#444;margin-bottom:35px;font-family:Poppins,sans-serif;font-size:20px;line-height:1.8}.hero-slider{flex:1;justify-content:center;align-items:center;display:flex}.slider-img{object-fit:contain;border-radius:20px;width:100%;max-width:500px;height:auto;transition:opacity .4s;box-shadow:0 15px 35px #0003}.slider{border-radius:20px;flex:1;width:100%;max-width:500px;overflow:hidden}.slider-track{transition:transform .6s ease-in-out;display:flex}.slider-img{aspect-ratio:3/4;object-fit:contain;background:#fff;flex:0 0 100%;width:100%}.home-page{background:#fff;flex-direction:column;min-height:100vh;font-family:Satisfy,cursive;display:flex}.home-hero{width:600px;max-width:90%;height:auto;margin-bottom:30px;font-family:Satisfy,cursive;display:block}.home-container{background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;font-family:Satisfy,cursive;display:flex}.home-overlay{background:#00000080;font-family:Satisfy,cursive;position:absolute;inset:0}.home-content{text-align:center;color:#000;background:#fff;font-family:Satisfy,cursive}.home-title{margin-bottom:25px;font-family:Satisfy,cursive;font-size:4rem;font-weight:700}.home-subtitle{color:#045809;margin-bottom:35px;font-family:Satisfy,cursive;font-size:2rem}.home-button{color:#fff;background:#02830d;border-radius:12px;padding:15px 35px;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.home-button:hover{background:#034b09}.breadcrumbs{background:#f5f5f5;border-bottom:1px solid #ddd;padding:15px 40px;font-family:Poppins,sans-serif}.breadcrumbs-container{color:#555;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.breadcrumbs-item{align-items:center;gap:10px;display:flex}.breadcrumbs-link{color:#444;text-decoration:none;transition:all .3s}.breadcrumbs-link:hover{color:#02830d}.breadcrumbs-separator{color:#999}.breadcrumbs-active{color:#02830d;font-weight:700}.contacto-container{background:#fff;border-radius:15px;max-width:700px;margin:40px auto;padding:40px;box-shadow:0 5px 15px #0000001f}.contacto-titulo{text-align:center;margin-bottom:10px;font-family:Satisfy,cursive;font-size:3rem}.contacto-subtitulo{text-align:center;color:#666;margin-bottom:35px;font-family:Poppins,sans-serif}.contacto-item{border-bottom:1px solid #e5e5e5;margin-bottom:30px;padding-bottom:20px;font-family:Poppins,sans-serif}.contacto-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.contacto-item h3{color:#02830d;margin-bottom:10px;font-size:24px}.contacto-item p{color:#000;font-size:18px;font-weight:700;line-height:1.6}.contacto-link{color:#000;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s}.contacto-link:hover{color:#034b09;text-decoration:underline}.footer{text-align:center;color:#666;padding:24px 0;font-family:Satisfy,cursive;font-size:18px}.footer-home{text-align:center;color:#666;background:#fff;padding:24px 0;font-family:Satisfy,cursive;font-size:17px}.categoria-select{color:#333;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2302830d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 8 9 11 12 8'/%3E%3C/svg%3E") right 18px center/1.5rem no-repeat;border:2px solid #e5e5e5;border-radius:12px;outline:none;width:300px;padding:12px 45px 12px 18px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:500;transition:all .25s;box-shadow:0 2px 8px #00000014}.categoria-select:hover{border-color:#02830d}.categoria-select:focus{border-color:#02830d;box-shadow:0 0 0 4px #02830d26}.categoria-select option{color:#333;background:#fff;font-size:18px}.barra-page{background:var(--barra-bg);color:var(--barra-text);min-height:100vh;font-family:Bebas Neue,Montserrat,sans-serif}.barra-page .navbar,.barra-page .breadcrumbs,.barra-page .footer,.barra-page .footer-home{color:var(--barra-text);border-color:var(--barra-line);background:#050505}.barra-page .navbar-btn,.barra-page .breadcrumbs-link,.barra-page .breadcrumbs-active,.barra-page .navbar-user,.barra-page .titulo-menu,.barra-page .contacto-titulo,.barra-page .modal-titulo,.barra-page .home-title,.barra-page .home-subtitle,.barra-page .hero-info h1,.barra-page .contacto-item h3,.barra-page .food-card h3,.barra-page .menu-container h1,.barra-page .navbar-logo{letter-spacing:.04em;font-family:Bebas Neue,Montserrat,sans-serif}.barra-page .navbar-btn{color:var(--barra-text)}.barra-page .navbar-btn:hover{background:var(--barra-accent);color:#111}.barra-page .breadcrumbs-link{color:#d9d9d9}.barra-page .breadcrumbs-link:hover,.barra-page .breadcrumbs-active{color:var(--barra-accent)}.barra-page .breadcrumbs-separator{color:#fff9}.barra-page .container,.barra-page .contacto-container,.barra-page .food-card,.barra-page .modal-content,.barra-page .home-content,.barra-page .home-page{background:var(--barra-panel);color:var(--barra-text)}.barra-page .food-card,.barra-page .contacto-container,.barra-page .modal-content,.barra-page .categoria-select,.barra-page .home-button,.barra-page .btn-detalles,.barra-page .cerrar-modal{border:1px solid var(--barra-line);box-shadow:0 8px 24px #00000047}.barra-page .food-card h3,.barra-page .modal-titulo,.barra-page .contacto-item h3,.barra-page .titulo-menu,.barra-page .hero-info h1,.barra-page .home-title,.barra-page .home-subtitle,.barra-page .contacto-titulo,.barra-page .categoria,.barra-page .descripcion,.barra-page .contacto-subtitulo,.barra-page .contacto-item p,.barra-page .contacto-link,.barra-page .hero-info p,.barra-page .aviso,.barra-page .home-button,.barra-page .food-card-body,.barra-page .footer,.barra-page .footer-home,.barra-page .breadcrumbs,.barra-page .navbar-user,.barra-page .navbar-btn,.barra-page .contacto-item,.barra-page .contacto-link,.barra-page .modal-body{color:var(--barra-text)}.barra-page .precio,.barra-page .precio-modal,.barra-page .breadcrumbs-active{color:var(--barra-accent)}.barra-page .btn-detalles,.barra-page .home-button{background:var(--barra-accent);color:#111;letter-spacing:.05em;font-family:Bebas Neue,Montserrat,sans-serif}.barra-page .btn-detalles:hover,.barra-page .home-button:hover{background:var(--barra-accent-strong)}.barra-page .categoria-select{background-color:var(--barra-panel-strong);color:var(--barra-text);border-color:var(--barra-line);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f4c542' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 8 9 11 12 8'/%3E%3C/svg%3E")}.barra-page .categoria-select option{color:#fff;background:#111}.barra-page .modal-overlay{background:#000c}.barra-page .cerrar-modal{color:var(--barra-text);background:#111}.barra-page .cerrar-modal:hover{background:var(--barra-accent);color:#111}.barra-page .contacto-item{border-bottom-color:var(--barra-line)}.barra-page .contacto-link:hover{color:var(--barra-accent)}.barra-page .footer-home,.barra-page .footer{color:var(--barra-text);background:#050505}.barra-page .home-page{background:var(--barra-bg)}@media (width<=992px){.container{width:95%;padding:20px}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modal-content{gap:20px;width:95%}.modal-img{width:320px}.home-title{font-size:3rem}.home-subtitle{font-size:1.6rem}}@media (width<=768px){.container{box-sizing:border-box;width:100%;padding:15px}.navbar{flex-direction:column;gap:20px;padding:20px}.navbar-logo{height:70px}.navbar-links{flex-wrap:wrap;justify-content:center;gap:10px}.navbar-btn{padding:8px 14px;font-size:22px}.home-hero{width:90%}.home-title{font-size:2.6rem}.home-subtitle{font-size:1.4rem}.home-button{padding:12px 25px;font-size:1rem}.titulo-menu{font-size:2.7rem}.categoria-select{width:100%}.cards{grid-template-columns:1fr;justify-items:center}.food-card{width:100%;max-width:350px}.modal-content{flex-direction:column;align-items:center;padding:20px}.modal-img{width:100%;max-width:350px;height:auto}.modal-body{text-align:center;padding:0}.modal-titulo{font-size:1.8rem}.descripcion{font-size:16px}.precio-modal{font-size:1.8rem}.contacto-container{box-sizing:border-box;width:100%;padding:25px}.contacto-titulo{font-size:2.5rem}.contacto-item h3{font-size:22px}}@media (width<=480px){.navbar-logo{height:55px}.navbar-btn{font-size:18px}.titulo-menu,.home-title{font-size:2.2rem}.home-subtitle{font-size:1.2rem}.contacto-titulo{font-size:2rem}.breadcrumbs{padding:12px 20px;font-size:14px}.modal-content{padding:15px}.modal-img{max-width:100%}.cerrar-modal{width:35px;height:35px;font-size:18px}.footer,.footer-home{padding:18px;font-size:15px}}@media (width<=992px){.hero{gap:40px;padding:50px 25px}.hero-logo{width:350px}.hero-info h1{font-size:3rem}.hero-info p{font-size:18px}.slider-img{max-width:400px}}@media (width<=768px){.hero{flex-direction:column;align-items:center;gap:30px}.hero-info{text-align:center;width:100%}.slider{width:100%;max-width:320px;margin:0 auto}.slider-track{width:100%}.slider-img{object-fit:contain;flex:0 0 100%;width:100%;height:auto}.hero-logo{width:280px;margin:0 auto 25px}.hero-info h1{margin-bottom:15px;font-size:2.6rem}.hero-info p{margin-bottom:25px;font-size:17px;line-height:1.6}.home-button{width:100%;max-width:280px;padding:15px;font-size:1.1rem}}@media (width<=480px){.hero{gap:30px;padding:30px 15px}.hero-logo{width:220px}.slider{max-width:260px}.slider-img{width:100%}.hero-info h1{font-size:2rem}.hero-info p{font-size:15px}.home-button{padding:13px 20px;font-size:1rem}}