@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";.navbar{left:0;top:0;width:100%;z-index:1;background:var(--bg-main);transition:background-color .3s ease-in-out}.navbar-header{display:flex;justify-content:center;align-items:center}.logo{display:flex;justify-content:center;align-items:center;padding:20px 0}.logo img{width:150px;transition:width .3s ease}.navbar-links{display:flex;justify-content:center;gap:2rem;padding:1rem;list-style:none;transition:max-height .4s ease}.navbar a{background:linear-gradient(45deg,var(--color-yellow),var(--color-red),var(--color-white));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;position:relative;text-decoration:none;font-weight:500;font-size:1.1rem;padding:.5rem 1rem;border:2px solid transparent;border-radius:8px;transition:all .3s ease;z-index:1}.navbar a:after{content:"";position:absolute;inset:0;border-radius:8px;border:2px solid;opacity:0;transition:opacity .4s ease;z-index:-1}.navbar a:hover:after{opacity:1}.navbar a:hover{text-shadow:0 0 10px var(--color-yellow),0 0 20px var(--color-red),0 0 30px var(--color-yellow),0 0 40px var(--color-red)}@media (max-width: 768px){.logo img{width:180px}.navbar-header.clickable{cursor:pointer}.navbar-links{flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:none;max-height:0;overflow:hidden}.navbar-links.open{display:flex;max-height:500px}.navbar a{font-size:1rem;padding:.4rem .8rem;text-align:center;width:100%;max-width:200px}}@media (min-width: 769px){.navbar-header{pointer-events:none}}.home-wrapper{position:relative;display:flex;align-items:center;justify-content:center;padding-top:50px;overflow:hidden}.home-content{position:relative;z-index:1;max-width:800px;text-align:center;animation:fadeInUp 1.2s ease-out}.home-title{font-size:4rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(45deg,var(--color-yellow),var(--color-red));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}@keyframes chromaticShift{0%{text-shadow:2px 0 #ff0055,-2px 0 #00ffee}25%{text-shadow:-2px 0 #00ff99,2px 0 #ff00cc}50%{text-shadow:2px 0 #00ccff,-2px 0 #ffff00}75%{text-shadow:-2px 0 #ff6600,2px 0 #00ffcc}to{text-shadow:2px 0 #ff0055,-2px 0 #00ffee}}@keyframes scalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.chromatic-scale{animation:chromaticShift 2.4s ease-in-out infinite,scalePulse 2.4s ease-in-out infinite;display:inline-block}@keyframes pulseAnim{0%,to{text-shadow:0 0 10px var(--color-yellow),0 0 20px var(--color-red)}50%{text-shadow:0 0 20px var(--color-red),0 0 40px var(--color-yellow)}}@keyframes flickerAnim{0%,18%,22%,25%,53%,57%,to{opacity:1;text-shadow:0 0 10px var(--color-yellow),0 0 20px var(--color-red)}20%,24%,55%{opacity:.4;text-shadow:none}}.home-title.segmented{display:flex;justify-content:center;flex-wrap:wrap;gap:.2rem}.home-title.segmented span{display:inline-block;font-size:4rem;font-weight:700;background:linear-gradient(45deg,var(--color-yellow),var(--color-red));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation-fill-mode:both}.glow{text-shadow:0 0 10px var(--color-yellow),0 0 20px var(--color-red)}.dim{opacity:.5;text-shadow:0 0 5px var(--color-red)}.flicker{animation:flickerAnim 1.8s linear infinite}.pulse{animation:pulseAnim 2s ease-in-out infinite}.home-description{font-size:1.3rem;line-height:1.6;margin-bottom:1.5rem;color:var(--color-red)}.home-description span{color:var(--color-yellow);font-weight:700;text-shadow:0 0 5px var(--color-red)}.menu-section-container{width:100%;padding:40px 0}.menu-section-container.left{text-align:left}.menu-section-container.right{text-align:right}.menu-section-title-container{margin-bottom:20px}.menu-section-title-container h2{font-size:2.5rem;margin:2rem;background:linear-gradient(45deg,var(--color-red),var(--color-yellow));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 10px var(--color-yellow),0 0 20px var(--color-red)}.menu-section-list{display:flex;flex-direction:column;gap:10px}.menu-section-list:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.menu-item{display:flex;position:relative;justify-content:space-between;align-items:center;z-index:100;padding:15px 20px;margin:0 10px;background:var(--bg-main);border-radius:8px;border:1px solid var(--border-main);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.menu-item:hover{transform:translateY(-3px);box-shadow:0 4px 10px var(--border-main)}.menu-item-info{text-align:left}.menu-item-name{font-size:1.2rem;font-weight:700;color:var(--text-main)}.menu-item-description{font-size:.9rem;color:var(--color-gray);margin-top:5px}.menu-item-price{font-size:1.2rem;font-weight:700;color:var(--price-main)}@media (max-width: 768px){.menu-section-container.left,.menu-section-container.right{text-align:center}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;width:90%;max-width:900px;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #00000080;animation:fadeIn .4s ease-out}.modal-close-button{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:2.5rem;color:var(--color-gray);text-shadow:1px 1px 3px rgba(0,0,0,.5);cursor:pointer;z-index:10;transition:all .3s ease-out}.modal-close-button:hover{transform:scale(1.2);color:var(--color-red)}.modal-image{width:100%;height:600px;background-size:cover;background-position:center;background-repeat:no-repeat;background-position-y:30%;display:flex;align-items:flex-end;position:relative}.modal-info-overlay{width:100%;background:linear-gradient(transparent,#000000b3);padding:20px;color:var(--color-white);text-align:center}.modal-title{font-size:2rem;font-weight:700;margin-bottom:5px}.modal-description{font-size:1.1rem;line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}--- ### **Ajustes para Pantallas Más Pequeñas** Para asegurar que el diseño sea adaptable,los estilos de medios para móviles permanecen sin cambios. ```css @media (max-width: 768px){.modal-content{max-width:95%}.modal-image{height:300px}.modal-title{font-size:1.5rem}.modal-description{font-size:1rem}.modal-close-button{font-size:2rem}}.menu-wrapper{position:relative;background-image:url(/logoanimado.svg);background-repeat:no-repeat;background-position:bottom 10px right 50px;background-size:420px;background-attachment:fixed;animation:fadeInUp 1.2s ease-out}.menu-wrapper:before{opacity:.4;content:"";position:absolute;inset:0;z-index:0}.menu-section-left,.menu-section-right{position:relative;z-index:2;padding:3rem 2rem}.menu-section-left .menu-title,.menu-section-right .menu-title{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(45deg,var(--color-red),var(--color-yellow));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 10px var(--color-yellow),0 0 20px var(--color-red)}.menu-section-left .menu-list,.menu-section-right .menu-list{list-style:none;padding:0;margin:0 auto}.menu-section-left .menu-item,.menu-section-right .menu-item{font-size:1.2rem;margin:1rem 0;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.menu-section-left .menu-item.visible,.menu-section-right .menu-item.visible{background:var(--bg-main);opacity:1;transform:translateY(0);border:1px solid var(--border-main)}.menu-section-left .menu-item.visible:hover,.menu-section-right .menu-item.visible:hover{background:transparent;color:var(--text-main)}.menu-section-left .menu-item span,.menu-section-right .menu-item span{display:block;font-size:.9rem;color:var(--price-main);margin-top:.3rem}@media (max-width: 768px){.menu-wrapper{background-position:bottom 100px right 50px;background-size:300px}}.events-section{margin-top:2rem;animation:fadeInUp 1.2s ease-out}.events-hero{position:relative;width:100%;min-height:400px;border-radius:12px}.events-content{position:absolute;top:0;left:0;padding:3rem 2rem;width:100%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;z-index:2}.events-content h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--color-red),var(--color-yellow));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.events-content p{font-size:1.2rem;margin-bottom:1rem;max-width:700px;margin-inline:auto}.events-content ul{list-style:none;padding:0;font-size:1.1rem}.events-content li{margin:.5rem 0}.events-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:2rem}.gallery-item{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease;animation:fadeZoom .6s ease forwards;opacity:0;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.03);box-shadow:0 0 12px var(--color-yellow),0 0 24px var(--color-red)}.gallery-item:hover img{transform:scale(1.08)}.image-label{position:absolute;bottom:0;left:0;background:var(--color-blackAlpha);color:var(--color-white);padding:.4rem .8rem;font-size:.85rem;border-top-right-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-blackAlpha);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;padding:2rem}.modal-content{max-width:100%;max-height:100%;border-radius:12px;overflow:hidden;box-shadow:0 0 20px var(--color-red),0 0 40px var(--color-yellow);animation:zoomIn .4s ease;background:var(--color-black);display:flex;align-items:center;justify-content:center}.modal-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.promotions-section{padding:0;margin:0;animation:fadeInUp 1.2s ease-out}.promotions-hero{position:relative;width:100%;max-width:100%;height:900px;overflow:hidden;border-radius:12px}.promotions-hero img{width:100%;height:100%;display:block;object-fit:cover;filter:blur(5px) brightness(.6)}.promotions-content{position:absolute;top:0;left:0;padding:3rem 2rem;width:100%;height:100%;color:var(--color-white);display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:2}.promotions-content h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--color-yellow),var(--color-red),var(--color-white));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.promotions-content h3{font-size:1.5rem;margin-top:2rem;margin-bottom:.5rem;color:var(--color-yellow);text-shadow:0 0 10px var(--color-red)}.promotions-content ul{list-style:none;padding:0;margin:0 auto;max-width:600px;font-size:1.2rem}.promotions-content li{margin:.5rem 0;padding:.3rem;line-height:1.6}@media (max-width: 768px){.promotions-hero{min-height:900px;display:flex;align-items:center}.promotions-hero img{height:100%;object-fit:cover;object-position:center}.promotions-content{padding:100px 0}.promotions-content h1{font-size:2.2rem}.promotions-content h3{font-size:1.3rem;margin-top:1.5rem}.promotions-content ul{font-size:1.1rem}}.reservation-section{padding:50px 0;text-align:center;animation:fadeInUp 1.2s ease-out}.section-btn{display:flex;justify-content:center;padding-bottom:2rem}.reservation-policies{line-height:1.6;background:linear-gradient(45deg,var(--color-red),var(--color-yellow));padding:1rem;border-radius:3px 8px;margin:2rem auto;max-width:600px;text-align:left;box-shadow:0 0 15px var(--color-yellow),0 0 30px var(--color-red)}.polices-description{font-size:1rem;display:flex;justify-content:center}.reservation-description{font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.reservation-hero{position:relative;width:100%;max-width:100%;margin:0 auto 2rem;overflow:hidden;border-radius:12px}.reservation-hero img{width:100%;height:auto;display:block;object-fit:cover;filter:brightness(.6)}.reservation-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;background:linear-gradient(45deg,var(--color-red),var(--color-yellow),var(--color-white));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin:0;padding:0 1rem;text-align:center;z-index:2;white-space:pre-wrap}.reservation-btn{padding:1rem 2rem;text-decoration:none;color:var(--text-main);background:linear-gradient(45deg,var(--color-red),var(--color-yellow));font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:inline-block;margin:1.5rem auto}.reservation-btn:hover{transform:scale(1.05);box-shadow:0 0 15px var(--color-yellow),0 0 30px var(--color-red)}@media (max-width: 768px){.reservation-section{padding-top:50px;padding-left:1rem;padding-right:1rem}.reservation-title{font-size:1.5rem}.reservation-description{font-size:1.1rem;margin-bottom:1.5rem}.reservation-policies{margin-top:1.5rem;margin-bottom:1.5rem}.section-btn{padding-bottom:1rem}}.locationSection{padding:50px 2rem;text-align:center;animation:fadeInUp 1.2s ease-out}.title{font-size:2.5rem;margin-bottom:1rem}.subtitle{font-size:1.8rem;margin-top:3rem;margin-bottom:1rem;padding:40px 0}.direcction{display:flex;justify-content:center;gap:.5rem;padding:40px 0}.schedule{list-style:none;padding:0;margin:0 auto;font-size:1.2rem}.schedule li{margin:.5rem 0;padding:.5rem;transition:transform .3s ease}.schedule li:hover{transform:scale(1.05)}.schedule span{font-weight:700;color:var(--color-red)}.mapContainer{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin:0 auto;width:100%;transition:all .2s ease-in-out}.mapContainer:hover{box-shadow:0 0 20px var(--color-red),0 0 40px var(--color-yellow)}.mapContainer iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.floating-socials{position:fixed;top:50%;right:1rem;transform:translateY(50%);display:flex;flex-direction:column;gap:1rem;z-index:999}.social-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--color-red),var(--color-yellow));border-radius:50%;color:var(--color-black);font-size:1.2rem;box-shadow:0 0 10px var(--color-yellow);transition:transform .3s ease,box-shadow .3s ease}.social-icon:hover{transform:scale(1.1);box-shadow:0 0 15px var(--color-red);color:var(--color-red)}.theme-toggle{border:none;cursor:pointer}.theme-toggle:active{animation:spin .6s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{padding:0;margin:0;box-sizing:border-box;font-family:Audiowide,sans-serif;font-weight:400;font-style:normal;-webkit-user-select:none;user-select:none}:root{--bg-main: #fff;--text-main: #000;--border-main: rgba(10, 10, 10, .85);--price-main: #ff0000;--color-whiteAlpha: rgba(255, 255, 255, .95);--color-white: #fff;--color-boxshadow: rgba(0, 0, 0, .1);--color-blackmed: #333;--color-blackAlpha: rgba(10, 10, 10, .85);--color-blackAlpha2: rgba(255, 255, 255, .15);--color-black: #000;--color-red: #ff0000;--color-yellow: #fff200;--color-gray: #ccc}[data-theme=dark]{--bg-main: #111;--text-main:#fff;--border-main: #ccc;--price-main: #fff200}body{background:var(--bg-main);color:var(--text-main);transition:background-color .3s ease-in-out}@media (max-width: 768px){.home-wrapper,.menu-wrapper{padding:2rem 1rem}.home-title{font-size:2.5rem;margin-bottom:1.5rem}.home-description{font-size:1rem;line-height:1.4}.menu-section-left,.menu-section-right{padding:2rem 1rem}.menu-section-left .menu-title,.menu-section-right .menu-title{font-size:1.8rem;margin-bottom:1.2rem}.menu-section-left .menu-item,.menu-section-right .menu-item{font-size:1rem}.menu-section-left .menu-item span,.menu-section-right .menu-item span{font-size:.8rem}.floating-socials{left:auto;right:1rem;top:auto;bottom:1rem;flex-direction:row;transform:none}.social-icon{width:40px;height:40px;font-size:1rem}}@media (max-width: 768px){.home-wrapper,.menu-wrapper,.events-section,.reservation-section,.locationSection{padding-top:10rem}}