/* ============================================ GURU CLUBROOM - ESTILOS PÚBLICOS ============================================ *//* Tipografías personalizadas */@font-face{font-family:'Cinzel';src:url('../fonts/Cinzel-Regular.otf') format('opentype');font-weight:normal;font-style:normal;}@font-face{font-family:'Poetica';src:url('../fonts/Poetica-Regular.otf') format('opentype');font-weight:normal;font-style:normal;}html{background:rgb(19,1,1);height:100%;}/* Variables de color */:root{--color-gold:rgba(128,103,56,1);--color-dark:#1a1a1a;--color-white:#ffffff;--color-white-warm:#e6d5c3;--color-overlay:rgba(0,0,0,0.3);--color-overlay-dark:rgba(0,0,0,0.85);--font-elegant:'Cinzel',serif;--font-script:'Poetica',cursive;}/* Reset y base */*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font-elegant);background:url('../images/bg_desktop.jpg') center center no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;overflow-x:hidden;position:relative;}/* Mobile optimization - prevent zoom effect with fixed background layer */@media (max-width:768px){body{background:none;min-height:100vh;width:100%;} /* Create a fixed background layer */ body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:url('../images/bg_red.jpg') center center no-repeat;background-size:cover;z-index:-1;} body.category-page-body::before{background-image:url('../images/bg_beige.jpg');}}/* Desktop - category page background */@media (min-width:769px){body.category-page-body{background:url('../images/bg_beige.jpg') center center no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh !important;}}/* Overlay general */.overlay{background:var(--color-overlay);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;}/* Container principal */.main-container{text-align:center;color:var(--color-gold);max-width:500px;width:100%;}.logo-image{width:90%;height:auto;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3));}/* Botones de menú */.menu-buttons{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:500px;}.menu-btn{background:url('../images/btn.png') center center;background-size:100% 100%;background-repeat:no-repeat;border:none;color:var(--color-gold);padding:18px 40px;font-family:var(--font-elegant);font-size:25px;font-weight:200 !important;letter-spacing:4px;text-transform:uppercase;text-decoration:none;border-radius:0;position:relative;overflow:visible;transition:all 0.3s ease;width:400px;max-width:100%;height:80px;margin:0 auto;display:inline-flex;align-items:center;justify-content:center;gap:15px;}.menu-btn::before,.menu-btn::after{content:'';width:20px;height:20px;flex-shrink:0;}.menu-btn::before{background:url('../images/gold-left.png') center center no-repeat;background-size:contain;}.menu-btn::after{background:url('../images/gold-right.png') center center no-repeat;background-size:contain;}.menu-btn:hover{transform:scale(1.05);text-shadow:0 0 10px rgba(212,175,55,0.5);}.menu-btn:hover::before,.menu-btn:hover::after{opacity:1;animation:pulse 1s ease-in-out infinite;}@keyframes pulse{0%,100%{transform:scale(1);} 50%{transform:scale(1.2);}}/* Sección social */.social-icons{display:flex;justify-content:center;gap:25px;margin-bottom:40px;}.social-icon{color:var(--color-gold);font-size:1.8rem;transition:all 0.3s ease;text-decoration:none;}.social-icon:hover{color:var(--color-white);transform:scale(1.2) rotate(5deg);text-shadow:0 0 10px rgba(212,175,55,0.5);}/* Selector de idioma */.language-selector{position:fixed;top:20px;right:20px;z-index:1000;display:flex;gap:10px;}.lang-btn{background:rgba(0,0,0,0);box-shadow:0 8px 32px rgba(0,0,0,0.4);backdrop-filter:blur(10px);border:2px solid var(--color-gold);color:var(--color-gold);padding:4px 8px;font-family:var(--font-elegant);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all 0.3s ease;border-radius:4px;}.lang-btn:hover,.lang-btn.active{background:var(--color-gold);color:var(--color-dark);}/* ============================================ PÁGINA DE MENÚ Y CATEGORÍAS ============================================ */.menu-page{background:var(--color-overlay-dark);min-height:100vh;padding:40px 20px;}.menu-header{text-align:center;margin-bottom:50px;padding-top:20px;}.menu-title{font-family:var(--font-elegant);font-size:3rem;color:var(--color-gold);letter-spacing:3px;margin-bottom:10px;text-transform:uppercase;}.menu-subtitle{font-family:var(--font-primary);font-size:1.2rem;color:var(--color-white);}.back-button{position:fixed;top:20px;left:20px;background:rgba(0,0,0,0);box-shadow:0 8px 32px rgba(0,0,0,0.4);backdrop-filter:blur(10px);border:2px solid var(--color-gold);color:var(--color-gold);padding:5px 10px;font-family:var(--font-elegant);text-decoration:none;border-radius:4px;transition:all 0.3s ease;z-index:999;}.back-button:hover{background:var(--color-gold);color:var(--color-dark);}/* Grid de categorías */.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;}.category-card{background:var(--color-dark);border:2px solid var(--color-gold);border-radius:10px;padding:30px;text-align:center;transition:all 0.3s ease;cursor:pointer;text-decoration:none;display:block;}.category-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px rgba(212,175,55,0.3);border-color:var(--color-white);}.category-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:20px;}.category-name{font-family:var(--font-elegant);font-size:1.8rem;color:var(--color-gold);letter-spacing:2px;text-transform:uppercase;margin:0;}/* Items del menú */.menu-items{max-width:900px;margin:0 auto;}.menu-item{background:var(--color-dark);border:1px solid var(--color-gold);border-radius:8px;padding:25px;margin-bottom:20px;transition:all 0.3s ease;}.menu-item:hover{transform:translateX(10px);box-shadow:0 5px 20px rgba(212,175,55,0.2);}.menu-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}.menu-item-name{font-family:var(--font-elegant);font-size:1.5rem;color:var(--color-gold);letter-spacing:1px;margin:0;}.menu-item-price{font-family:var(--font-primary);font-size:1.3rem;color:var(--color-white);font-weight:600;}.menu-item-description{font-family:var(--font-primary);font-size:0.95rem;color:var(--color-white);line-height:1.6;}.menu-item-image{width:100%;height:250px;object-fit:cover;border-radius:8px;margin-top:15px;}/* ============================================ FORMULARIO DE RESERVAS ============================================ */.reservation-page{min-height:100vh;padding:60px 20px;display:flex;align-items:center;justify-content:center;}.reservation-card{max-width:600px;margin:0 auto;background:rgba(0,0,0,0);backdrop-filter:blur(10px);border:2px solid var(--color-gold);border-radius:10px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,0.4);}.reservation-header{text-align:center;margin-bottom:40px;}.reservation-title{font-family:var(--font-elegant);font-size:2.5rem;color:var(--color-gold);letter-spacing:2px;margin-bottom:10px;}.reservation-subtitle{font-family:var(--font-primary);color:var(--color-white);opacity:0.8;font-size:1rem;}.form-group{margin-bottom:25px;}.form-label{display:block;font-family:var(--font-elegant);color:var(--color-gold);font-size:0.95rem;margin-bottom:8px;letter-spacing:1px;}.form-control{width:100%;padding:12px 15px;background:rgba(0,0,0,0.4);border:1px solid var(--color-gold);border-radius:5px;color:var(--color-gold) !important;font-family:var(--font-primary);font-size:1rem;transition:all 0.3s ease;-webkit-text-fill-color:var(--color-gold) !important;}.form-control:focus{outline:none;border-color:var(--color-white);background:rgba(0,0,0,0.5);}.form-control::placeholder{color:rgba(212,175,55,0.3) !important;opacity:1;}.form-control::-webkit-input-placeholder{color:rgba(212,175,55,0.3) !important;opacity:1;}.form-control::-moz-placeholder{color:rgba(212,175,55,0.3) !important;opacity:1;}.form-control:-ms-input-placeholder{color:rgba(212,175,55,0.3) !important;opacity:1;}.form-control:-moz-placeholder{color:rgba(212,175,55,0.3) !important;opacity:1;}/* Estilos para autocompletado */.form-control:-webkit-autofill,.form-control:-webkit-autofill:hover,.form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(0,0,0,0.4) inset !important;-webkit-text-fill-color:var(--color-gold) !important;border:1px solid var(--color-gold) !important;transition:background-color 5000s ease-in-out 0s;}.submit-btn{width:100%;padding:15px;background:var(--color-gold);border:none;border-radius:5px;color:var(--color-dark);font-family:var(--font-elegant);font-size:1.2rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;margin-top:10px;}.submit-btn:hover:not(:disabled){background:var(--color-white);transform:scale(1.02);box-shadow:0 5px 20px rgba(212,175,55,0.4);}.submit-btn:disabled{background:rgba(212,175,55,0.5);color:rgba(26,26,26,0.6);cursor:not-allowed;opacity:0.7;}.submit-btn .spinner{display:none;width:20px;height:20px;border:3px solid rgba(26,26,26,0.3);border-top-color:var(--color-dark);border-radius:50%;animation:spin 0.8s linear infinite;margin-right:10px;}.submit-btn.loading .spinner{display:inline-block;}@keyframes spin{to{transform:rotate(360deg);}}/* ============================================ PÁGINA DE MENÚ CATEGORÍA (ESTILO ELEGANTE) ============================================ */.category-menu-page{min-height:100vh;padding:40px 20px;}.menu-container{max-width:900px;margin:0 auto;}.menu-logo{text-align:center;margin-bottom:40px;}.menu-logo img{width:200px;height:auto;}.category-title-section{text-align:center;display:flex;justify-content:center;}.category-main-title{background:url('../images/btn_vino.png') center center no-repeat;background-size:100% 100%;border:none;color:rgba(58 ,1,4,1);padding:18px;font-family:var(--font-elegant);letter-spacing:4px;text-transform:uppercase;text-decoration:none;border-radius:0;margin:0;cursor:default;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-weight:700 !important;}.category-main-title::before,.category-main-title::after{content:'';width:20px;height:20px;flex-shrink:0;margin:0 5px;}.category-main-title::before{background:url('../images/wine-left.png') center center no-repeat;background-size:contain;}.category-main-title::after{background:url('../images/wine-right.png') center center no-repeat;background-size:contain;}.subcategory-section{margin-bottom:50px !important;}.subcategory-header{text-align:center;margin-bottom:5px;position:relative;padding:15px 0;}.subcategory-title{font-style:normal !important;font-family:var(--font-elegant);font-size:20px !important;color:rgba(58 ,1,4,1);letter-spacing:1px;text-transform:uppercase;margin:0;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:75%;}.subcategory-title::before,.subcategory-title::after{content:'◆';flex-shrink:0;line-height:1;}.menu-item-elegant{display:flex;align-items:flex-end;margin-bottom:2px;position:relative;gap:8px;}.menu-item-elegant:last-child{border-bottom:none;}.menu-item-content{flex:1;display:flex;align-items:flex-end;gap:8px;min-width:0;}.menu-item-title{font-family:var(--font-elegant);font-size:16px !important;font-weight:600;color:rgba(58 ,1,4,1);line-height:1.3;flex-shrink:1;padding-bottom:2px;}.menu-item-dots{flex:1;border-bottom:1px dotted rgba(93,58,26,0.4);margin-bottom:5px;min-width:30px;}.menu-item-price-elegant{font-family:var(--font-elegant);font-size:16px !important;color:rgba(58 ,1,4,1);font-weight:600;white-space:nowrap;flex-shrink:0;padding-bottom:2px;}.menu-item-desc{font-family:var(--font-script);color:rgba(58 ,1,4,1);line-height:1.4;margin:0 0 0;padding-left:0;font-style:normal;display:block;width:100%;font-size:20px !important;}/* Estilos para múltiples subcategorías - formato centrado */.menu-item-centered{margin-bottom:30px;text-align:center;}.menu-item-title-centered{font-family:var(--font-elegant);font-size:13px;font-weight:600;color:rgba(58,1,4,1);margin:0 auto;text-align:center;text-transform:uppercase;letter-spacing:1px;width:90%;}.menu-item-desc-with-price{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin-top:5px;}.menu-item-desc-centered{font-family:var(--font-script);color:rgba(58,1,4,1);line-height:1.4;margin:20px 0 0;font-style:normal;font-size:14px !important;text-align:left;flex-shrink:1;}.menu-item-dots-centered{flex:1;border-bottom:1px dotted rgba(93,58,26,0.4);margin:0 5px 5px;min-width:20px;}.menu-item-price-centered{font-family:var(--font-elegant);font-size:16px !important;color:rgba(58,1,4,1);font-weight:700;white-space:nowrap;flex-shrink:0;align-self:flex-end;padding-bottom:2px;}.menu-item-price-centered-only{font-family:var(--font-elegant);font-size:18px !important;color:rgba(58,1,4,1);font-weight:700;text-align:center;margin-top:8px;}.decorative-icon{text-align:center;margin:20px 0 20px;}.decorative-icon img{width:150px;height:auto;}.category-description{text-align:center;margin:30px auto 40px;max-width:800px;}.category-description p{font-family:var(--font-elegant);font-size:14px;color:rgba(58,1,4,0.9);line-height:1.6;letter-spacing:0.5px;margin:0;}.bottom-seal{text-align:center;margin-top:60px;padding:40px 0;}.bottom-seal img{width:160px;height:auto;}@media (max-width:768px){.menu-item-title{font-size:0.85rem;} .menu-item-price-elegant{font-size:0.85rem;} .category-title-section::before,.category-title-section::after{width:20%;}}.alert{padding:15px 20px;border-radius:5px;margin-bottom:25px;font-family:var(--font-primary);}.alert-success{background:rgba(212,175,55,0.15);border:2px solid var(--color-gold);color:var(--color-gold);text-align:center;font-weight:500;}.alert-error{background:rgba(220,53,69,0.15);border:2px solid #dc3545;color:#dc3545;}/* ============================================ ANIMACIONES ============================================ */@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:translateY(0);}}.logo-section{animation:fadeInUp 1s ease-out;}.menu-buttons{animation:fadeInUp 1s ease-out 0.3s both;}.social-section{animation:fadeInUp 1s ease-out 0.6s both;}.category-card{animation:fadeInUp 0.8s ease-out both;}.menu-item{animation:fadeInUp 0.6s ease-out both;}.menu-container{margin-bottom:20px;}/* ============================================ RESPONSIVE DESIGN ============================================ */@media (max-width:375px){.menu-btn,.category-main-title{font-size:16px;}}@media (min-width:376px) and (max-width:390px){.menu-btn,.category-main-title{font-size:18px;}}@media (min-width:391px) and (max-width:430px){.menu-btn,.category-main-title{font-size:20px;}}@media (min-width:576px){.main-container{max-width:600px;} .logo-image{width:300px;}}@media (max-width:769px){.menu-btn{min-width:100%;} .language-selector{top:10px;right:10px;} .back-button{top:10px;left:10px;padding:4px 8px;font-size:12px;} .menu-title{font-size:2rem;} .categories-grid{grid-template-columns:1fr;}}@media (min-width:768px){.logo-image{width:350px;} .menu-btn{padding:20px 50px;width:420px;height:90px;} .categories-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}}@media (min-width:992px){.main-container{max-width:800px;} .social-icons{gap:35px;} .social-icon{font-size:2rem;} .logo-image{width:400px;} .menu-btn{padding:22px 60px;letter-spacing:5px;width:450px;height:100px;}}/* ============================================ LANDING PAGE - PDF STYLE ============================================ */.landing-page-body{background:url('../images/bg_desktop.jpg') center center no-repeat !important;background-size:cover !important;background-attachment:fixed !important;margin:0;padding:0;}@media (max-width:768px){.landing-page-body{background:none !important;} .landing-page-body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:url('../images/bg_red.jpg') center center no-repeat;background-size:cover;z-index:-1;}}.landing-container{background:rgba(0,0,0,0.3);min-height:100vh;padding:0;margin:0;}.landing-overlay{background:rgba(0,0,0,0.3);min-height:100vh;}/* Hero Section */.landing-hero{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px 40px;text-align:center;}.landing-logo{max-width:280px;margin-bottom:40px;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.5));}.landing-welcome-frame{background:url('../images/btn.png') center center;background-size:100% 100%;background-repeat:no-repeat;padding:30px 80px;text-align:center;position:relative;width:500px;max-width:90%;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;}.landing-welcome-frame::before,.landing-welcome-frame::after{content:'';width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%);}.landing-welcome-frame::before{left:30px;background:url('../images/gold-left.png') center center no-repeat;background-size:contain;}.landing-welcome-frame::after{right:30px;background:url('../images/gold-right.png') center center no-repeat;background-size:contain;}.landing-ornament{display:none;}.landing-welcome-content{display:flex;flex-direction:column;gap:5px;}.landing-welcome-text{font-family:var(--font-elegant);font-size:25px !important;color:var(--color-gold);letter-spacing:4px;font-weight:200;}.landing-welcome-subtitle{font-family:var(--font-elegant);font-size:25px !important;color:var(--color-gold);letter-spacing:3px;font-weight:200;}/* Content Sections */.landing-content{max-width:900px;margin:0 auto;padding:40px 40px 60px;}.landing-section{margin-bottom:50px;}.landing-icon{width:120px;height:auto;display:block;margin:20px auto 20px;}.landing-section-icon{width:120px;display:block;margin:90px auto 20px;}.landing-clock-icon,.landing-location-icon{font-size:70px;color:var(--color-gold);margin-bottom:20px;text-align:center;}.landing-section-title{font-family:var(--font-elegant);font-size:1.8rem;color:var(--color-gold);letter-spacing:4px;margin-bottom:25px;text-transform:uppercase;font-weight:400;text-align:center;}.landing-title-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:25px;gap:0;min-height:50px;}.title-ornament{width:25px;height:25px;flex-shrink:0;object-fit:contain;}.landing-section-title-decorated{font-family:var(--font-elegant);color:var(--color-gold);letter-spacing:4px;text-transform:uppercase;font-weight:400;font-size:25px !important;margin:0;text-align:center;line-height:1.3;max-width:70%;}.landing-text{font-family:var(--font-script);font-size:25px !important;color:var(--color-gold);line-height:1;text-align:left;font-weight:300;}@media (max-width:768px){.landing-text{font-size:20px !important;}}.landing-footer{text-align:center;padding:60px 0 40px;}.landing-logo-footer{width:200px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.5));}/* Old styles - keep for backward compatibility */.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px 40px;text-align:center;position:relative;}.hero-logo{max-width:200px;margin-bottom:40px;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.4));animation:fadeInScale 1.2s ease-out;}.welcome-box{background:url('../images/btn.png') center center;background-size:100% 100%;background-repeat:no-repeat;padding:30px 80px;margin-bottom:60px;text-align:center;position:relative;opacity:0;animation:fadeInUp 1s ease-out 0.3s forwards;width:500px;max-width:90%;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;}.welcome-box::before,.welcome-box::after{content:'';width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%);}.welcome-box::before{left:30px;background:url('../images/gold-left.png') center center no-repeat;background-size:contain;}.welcome-box::after{right:30px;background:url('../images/gold-right.png') center center no-repeat;background-size:contain;}.welcome-text{display:block;font-family:var(--font-elegant);font-size:1rem;color:var(--color-gold);letter-spacing:4px;font-weight:200;}.welcome-subtitle{display:block;font-family:var(--font-elegant);font-size:0.9rem;color:var(--color-gold);letter-spacing:3px;font-weight:200;}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:var(--color-gold);font-size:2rem;animation:bounce 2s infinite;cursor:pointer;}.section-container{padding:60px 20px;max-width:800px;margin:0 auto;}.intro-section{padding:80px 20px;}.intro-icon{text-align:center;margin-bottom:20px;}.intro-title{font-family:var(--font-elegant);font-size:1.5rem;color:var(--color-gold);text-align:center;letter-spacing:3px;margin-bottom:40px;text-transform:uppercase;}.intro-text{font-family:var(--font-elegant);font-size:0.95rem;color:var(--color-white-warm);line-height:1.8;letter-spacing:0.3px;text-align:center;margin-bottom:25px;}.intro-text-highlight{font-family:var(--font-elegant);font-size:1rem;color:var(--color-gold);line-height:1.6;letter-spacing:0.3px;text-align:center;margin-bottom:15px;font-style:italic;}.divider-small{width:60px;height:1px;background:var(--color-gold);margin:30px auto;}.feature-section{padding:80px 20px;text-align:center;max-width:800px;margin:0 auto;}.feature-icon-box{margin-bottom:30px;}.feature-icon-large{width:80px;height:80px;}.feature-section-title{font-family:var(--font-elegant);font-size:1.3rem;color:var(--color-gold);letter-spacing:3px;margin-bottom:20px;text-transform:uppercase;position:relative;display:inline-block;}.feature-section-title::before,.feature-section-title::after{content:'◆';position:absolute;color:var(--color-gold);font-size:0.8rem;top:50%;transform:translateY(-50%);}.feature-section-title::before{left:-30px;}.feature-section-title::after{right:-30px;}.feature-section-subtitle{font-family:var(--font-script);font-size:1.1rem;color:var(--color-gold);margin-bottom:20px;font-style:italic;}.feature-section-text{font-family:var(--font-elegant);font-size:0.9rem;color:var(--color-white-warm);line-height:1.8;letter-spacing:0.3px;margin-bottom:15px;max-width:700px;margin-left:auto;margin-right:auto;}.hours-list{margin-top:30px;}.hours-line{font-family:var(--font-elegant);font-size:0.9rem;color:var(--color-white-warm);margin-bottom:10px;letter-spacing:0.5px;}.hours-time-inline{color:var(--color-white-warm);margin-left:10px;}.footer-section{text-align:center;padding:80px 20px 40px;}.footer-logo{width:150px;height:auto;margin-bottom:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3));}.divider{width:100px;height:2px;background:var(--color-gold);margin:60px auto;position:relative;}.divider::before,.divider::after{content:'◆';position:absolute;color:var(--color-gold);font-size:1rem;top:50%;transform:translateY(-50%);}.divider::before{left:-30px;}.divider::after{right:-30px;}@keyframes fadeInScale{from{opacity:0;transform:scale(0.8);} to{opacity:1;transform:scale(1);}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0);} 40%{transform:translateX(-50%) translateY(-10px);} 60%{transform:translateX(-50%) translateY(-5px);}}.observe-element{opacity:0;transform:translateY(30px);transition:all 0.8s ease-out;}.observe-element.in-view{opacity:1;transform:translateY(0);}/* Landing Page Responsive */@media (max-width:768px){.landing-hero{padding:60px 20px 30px;} .landing-welcome-frame{padding:20px 40px;width:350px;height:100px;} .landing-welcome-frame::before{left:15px;width:15px;height:15px;} .landing-welcome-frame::after{right:15px;width:15px;height:15px;} .landing-welcome-text{font-size:0.85rem;letter-spacing:3px;} .landing-welcome-subtitle{font-size:0.75rem;letter-spacing:2px;} .landing-content{padding:30px 25px 40px;} .landing-section{margin-bottom:40px;} .landing-clock-icon,.landing-location-icon{font-size:55px;margin-bottom:15px;} .landing-section-title{font-size:1.3rem;letter-spacing:3px;margin-bottom:18px;} .landing-title-wrapper{margin-bottom:18px;gap:10px;min-height:40px;} .title-ornament{width:18px;height:18px;} .landing-section-title-decorated{font-size:20px !important;letter-spacing:3px;max-width:65%;} .landing-text{font-size:0.9rem;line-height:1.7;letter-spacing:0.2px;margin-bottom:14px;} .landing-logo-footer{width:150px;} .landing-footer{padding:50px 0 30px;} /* Old styles */ .hero-logo{max-width:150px;} .welcome-box{padding:20px 40px;width:350px;height:100px;} .welcome-box::before{left:15px;width:15px;height:15px;} .welcome-box::after{right:15px;width:15px;height:15px;} .welcome-text{font-size:0.85rem;letter-spacing:3px;} .welcome-subtitle{font-size:0.75rem;letter-spacing:2px;} .intro-title{font-size:1.2rem;} .intro-text,.intro-text-highlight{font-size:0.85rem;} .feature-section{padding:40px 20px;} .feature-section-title{font-size:1.1rem;} .feature-section-title::before,.feature-section-title::after{font-size:0.6rem;left:-20px;} .feature-section-title::after{right:-20px;} .feature-section-subtitle{font-size:1rem;} .feature-section-text{font-size:0.85rem;} .feature-icon-large{width:60px;height:60px;} .footer-logo{width:120px;}}@media (min-width:992px){.landing-logo{max-width:300px;} .landing-welcome-text{font-size:1.2rem;letter-spacing:5px;} .landing-welcome-subtitle{font-size:1.05rem;letter-spacing:4px;} .landing-content{max-width:950px;padding:50px 60px 80px;} .landing-section-title{font-size:2rem;letter-spacing:5px;} .landing-title-wrapper{gap:20px;min-height:60px;} .title-ornament{width:30px;height:30px;} .landing-section-title-decorated{font-size:30px !important;letter-spacing:5px;max-width:75%;} .landing-text{font-size:1.05rem;line-height:1.9;} .landing-logo-footer{width:220px;} /* Old styles */ .hero-logo{max-width:250px;} .intro-title{font-size:1.8rem;} .intro-text,.intro-text-highlight{font-size:1rem;} .feature-section-title{font-size:1.5rem;} .feature-section-subtitle{font-size:1.2rem;} .feature-section-text{font-size:0.95rem;} .footer-logo{width:180px;}}/* ============================================ UTILIDADES ============================================ */.text-center{text-align:center;}.mt-4{margin-top:1.5rem;}.mb-0{margin-bottom:0;}.d-flex{display:flex;}.justify-content-between{justify-content:space-between;}.align-items-center{align-items:center;}/* ============================================ PRICE VARIATIONS ============================================ */.menu-item-variations{margin-bottom:20px;}.menu-item-title-full{font-family:var(--font-elegant);font-size:16px !important;font-weight:600;color:rgba(58,1,4,1);line-height:1.3;margin-bottom:5px;}.price-variations-list{margin-top:8px;padding-left:15px;}.price-variation-item{display:flex;align-items:flex-end;margin-bottom:3px;gap:8px;}.variation-name{font-family:var(--font-script);font-size:16px;color:rgba(58,1,4,0.9);flex-shrink:0;}.variation-dots{flex:1;border-bottom:1px dotted rgba(93,58,26,0.4);margin-bottom:4px;min-width:20px;}.variation-price{font-family:var(--font-elegant);font-size:16px;color:rgba(58,1,4,1);font-weight:600;white-space:nowrap;flex-shrink:0;}@media (max-width:768px){.menu-item-title-full{font-size:14px !important;}.variation-name,.variation-price{font-size:14px;}}