*{margin:0;padding:0;box-sizing:border-box}ul,p{margin:0}img{width:100%}body{font-family:"Poppins", sans-serif;background:#FFF8ED;color:#8B4513;overflow-x:hidden}a:active,a:hover{color:inherit}:root{--font-title-black: 'goldplayblack';--font-title-bold-alt: 'goldplay_altbold';--font-title-bold: 'goldplaybold'}@font-face{font-family:'goldplaybold';src:url("https://superlikers-themes.s3.us-east-1.amazonaws.com/SUPER_MESEROS/LANDING/FONT/goldplay-bold-webfont.woff2") format("woff2"),url("https://superlikers-themes.s3.us-east-1.amazonaws.com/SUPER_MESEROS/LANDING/FONT/goldplay-black-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'goldplay_altbold';src:url("https://superlikers-themes.s3.us-east-1.amazonaws.com/SUPER_MESEROS/LANDING/FONT/goldplayalt-bold-webfont.woff2") format("woff2"),url("https://superlikers-themes.s3.us-east-1.amazonaws.com/SUPER_MESEROS/LANDING/FONT/goldplayalt-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'goldplayblack';src:url("https://superlikers-themes.s3.us-east-1.amazonaws.com/SUPER_MESEROS/LANDING/FONT/goldplay-black-webfont.woff2") format("woff2"),url("https://superlikers-themes.s3.us-east-1.amazonaws.com/SUPER_MESEROS/LANDING/FONT/goldplay-black-webfont.woff") format("woff");font-weight:normal;font-style:normal}@keyframes bounce{0%,
   20%,
   50%,
   80%,
   100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{from{transform:translatey(0)}50%{transform:translatey(20px)}to{transform:translatey(0)}}.wrap-content{max-width:1200px;margin-inline:auto;padding:0 2rem}.mt-20{margin-top:2rem}.mt-40{margin-top:4rem}.text-orange{color:#FFA342}.btn-border{border:1px solid #F97316;color:#F9861A;padding:0.8rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;background:none;transition:all 0.3s}#modal-final .modal-dialog{max-width:400px}#modal-final .modal-content{background:#FFFDFA;background:linear-gradient(0deg, #fffdfa 0%, #fff9f2 100%);border:2px solid #FCD34D}#modal-final .modal-header{padding:30px 20px 3rem}#modal-final .img-badge{max-width:7rem;animation:bounce 2s infinite}#modal-final .modal-title{color:#78350F;font-size:2.2rem;margin-top:2rem}#modal-final .text-p{background:#FFF5CC;color:#92400eb3;padding:2rem;border-radius:1rem;margin-top:2rem}#modal-final .modal-row-btn{display:grid;gap:1rem;margin-top:3rem}.modal-content{border-radius:15px;background:#FFF5ED}.modal-header{border-bottom:none;text-align:center;padding:30px 20px 10px;background:transparent}.modal-title{color:#FF9800;font-size:28px;margin:0;font-family:var(--font-title-bold-alt)}.modal-body{padding-bottom:4rem;text-align:center}.modal-subtitle{color:#8B4513;font-size:16px;margin-bottom:5px;line-height:1.4}.modal-welcome{color:#8B4513;font-size:16px;font-weight:bold;margin-bottom:30px}.role-selection{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));justify-content:center;gap:15px;margin-bottom:30px}.role-card{background:#fff;border:1px solid transparent;border-radius:15px;padding:25px 15px;cursor:pointer;transition:all 0.3s ease;position:relative;text-decoration:none;color:inherit}.role-card:hover,.role-card:focus{text-decoration:none;color:inherit;transform:translateY(-5px);box-shadow:0 8px 25px rgba(255,152,0,0.3);border-color:#F59E0B}.role-card.selected{border-color:#F59E0B;background:#fff8e1;box-shadow:0 5px 16px rgba(255,152,0,0.3)}.role-card.selected::before{content:"";--WW: 3rem;background:url(https://superlikers-themes.s3.us-east-1.amazonaws.com/SUPER_MESEROS/LANDING/check-choose.svg) center/cover;position:absolute;top:1rem;right:1rem;width:var(--WW);height:var(--WW);border-radius:50%;display:flex;align-items:center;justify-content:center}.role-avatar{width:11rem;margin:0 auto 15px;border-radius:50%;position:relative;overflow:hidden}.role-title{color:#8B4513;font-size:14px;margin:0;font-family:var(--font-title-bold-alt)}.glasses{position:absolute;top:25px;left:50%;transform:translateX(-50%);width:30px;height:15px;border:2px solid #8B4513;border-radius:10px;background:rgba(255,255,255,0.3)}.glasses::before,.glasses::after{content:"";position:absolute;width:12px;height:12px;border:2px solid #8B4513;border-radius:50%;background:rgba(255,255,255,0.3)}.glasses::before{left:-2px;top:-2px}.glasses::after{right:-2px;top:-2px}.btn-start{background:#F97316;background:linear-gradient(-90deg, #f97316 0%, #fbbf24 100%);color:white;border:none;padding:12px 40px;font-size:16px;font-weight:bold;border-radius:25px;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(255,152,0,0.3)}.btn-start:hover,.btn-start:focus{color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,152,0,0.4)}.btn-start:disabled{background:linear-gradient(-90deg, #f97316 0%, #fbbf24 100%);cursor:not-allowed;transform:none;box-shadow:none;opacity:.3}.hamburger{transform:scale(0.6);margin-top:1rem;display:none}.hamburger .line{width:50px;height:5px;background-color:#8B4513;display:block;margin:8px auto;border-radius:2rem;transition:all 0.2s ease-in-out}.hamburger:hover{cursor:pointer}#hamburger-1.is-active .line:nth-child(2){opacity:0}#hamburger-1.is-active .line:nth-child(1){transform:translateY(13px) rotate(45deg)}#hamburger-1.is-active .line:nth-child(3){transform:translateY(-13px) rotate(-45deg)}.header{background:#fffefa;backdrop-filter:blur(10px);padding:1rem 0;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:20rem auto;align-items:center;padding:0 2rem}.logo{max-width:20rem}.menu-container{display:flex;justify-content:space-between;align-items:center;z-index:10}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{text-decoration:none;color:#8B4513;font-weight:500;transition:color 0.3s}.nav-menu a:hover{color:#FF9800}.cta-buttons{display:flex;align-items:center;gap:1rem}.btn-secondary{background:#fff0e2;color:#b96d1f;padding:0.8rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:700;display:grid;grid-template-columns:2rem auto;align-items:center;gap:.5rem;transition:all 0.3s}.btn-orange{background:linear-gradient(135deg, #FBBF24 0%, #F97316 100%);color:white;padding:0.8rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s}.btn-orange:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,152,0,0.3)}.final-cta{background:url(https://superlikers-themes.s3.us-east-1.amazonaws.com/SUPER_MESEROS/LANDING/RESTAURANTS/PATTERN.svg),linear-gradient(0deg, #7c2e12 0%, #7a3110 100%);background-size:120rem;background-repeat:no-repeat, repeat;background-position:center 3rem;color:white;padding:4rem 0;text-align:center;position:relative;overflow:hidden}.final-cta-content{max-width:800px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.final-cta h2{font-size:3.3rem;margin-bottom:1rem;line-height:1.2;font-family:var(--font-title-bold-alt);font-size:4rem}.final-cta .subtitle{color:#FDE68A;font-weight:bold;font-size:1.6rem;margin-top:3rem;margin-bottom:2rem}.final-cta-btn{background:#FACC15;background:linear-gradient(90deg, #facc15 0%, #f59e0b 100%);color:#78350F;font-weight:bold;padding:1rem 2rem;border-radius:1.2rem;text-decoration:none;font-weight:bold;font-size:1.6rem;display:inline-block;margin-bottom:2rem;transition:all 0.3s;border:none;cursor:pointer}.final-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,152,0,0.4)}.final-message{margin-top:2rem;font-size:1.1rem;background:rgba(255,255,255,0.1);margin:0 auto;padding:3rem 2rem;border-radius:1rem;max-width:600px}.final-message h3{color:#fff;margin:0;margin-bottom:1rem;font-size:2rem}.final-message p{font-size:1.4rem;color:#FDE68A}.final-message p strong{color:#fff}.row-progress{background:#FEF3C7;height:1.5rem;margin-top:1.5rem}.row-progress-in{background:linear-gradient(90deg, #FFC540 0%, #FF9C42 100%);width:10%;height:100%;border-radius:0 2rem 2rem 0}.row-progress-text{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem 0}.text-p-progress{font-weight:bold}.icon-check{max-width:3rem;margin-top:1rem}.hero-container{background:url(https://superlikers-themes.s3.us-east-1.amazonaws.com/SUPER_MESEROS/LANDING/RESTAURANTS/PATTERN-HERO.svg);background-size:68rem;background-repeat:no-repeat}.hero{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;min-height:70vh}.hero-content h1{font-weight:900;max-width:19ch;font-size:5rem;line-height:1.2;margin-bottom:1.5rem;color:#8B4513;font-family:var(--font-title-bold-alt)}.hero-content .highlight{color:#F59E0B}.hero-content p{font-size:1.8rem;margin-bottom:2rem;color:#92400ECC;line-height:1.6}.app-buttons{display:flex;gap:1rem;margin-top:4rem}.app-btn{padding:1rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:700;transition:all 0.3s;border:1px solid #FFAA02;color:#FFAA02;display:grid;grid-template-columns:2rem auto;align-items:center;gap:1rem}.app-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.phone-mockup{position:relative;z-index:2}.phone{position:relative}.phone-img{position:relative;z-index:1}.character{position:absolute;bottom:0;left:-25rem;z-index:2}.icon{max-width:7rem;position:absolute;animation:bounce 2s infinite}.icon-1{left:-3rem;top:2rem;z-index:2}.icon-2{bottom:6rem;left:16rem;z-index:2}.icon-3{right:0;top:5rem}@keyframes float{0%,
   100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(10px)}}.title{text-align:center;font-size:3.1rem;color:#92400E;font-family:var(--font-title-bold-alt)}.success-stories{padding:6rem 0;background:white}.success-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.success-stories p{color:#A0522D}.success-stories .sub-title{font-size:2.2rem;font-weight:700;margin-top:1rem}.success-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-top:4rem}.success-card{background:#FFF8F0;padding:2rem;border-radius:20px;text-align:center;transition:transform 0.3s}.success-card:hover{transform:translateY(-5px)}.success-icon{max-width:4rem;margin:0 auto}.success-icon.ab-inbev{background:#FFB74D}.success-icon.expansion{background:#8B4513}.success-card h3{font-weight:700;color:#92400EB2;font-size:1.5rem;margin:1rem 0 .5rem}.success-card .subtitle{color:#A0522D;font-size:1.2rem}.success-card .subtitle:after{display:block;content:'';width:9rem;height:4px;margin:1rem auto;border-radius:1rem}.subtitle.color_1:after{background:#F59E0B}.subtitle.color_2:after{background:#FBBF25}.subtitle.color_3:after{background:#C29170}.challenges-section{padding:7rem 0;background:#FFF7EC}.challenges-container{max-width:1200px;margin:0 auto;padding:0 2rem}.challenges-header{text-align:center;margin-bottom:3rem}.challenges-header h2{font-family:var(--font-title-bold-alt);font-size:2.7rem;color:#8B4513;margin-bottom:1rem}.challenges-header p{color:#A0522D;margin:0 auto}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem}.challenge-card{background:white;padding:2rem;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:transform 0.3s;border:2px solid rgba(245,158,11,0.3)}.challenge-card:hover{transform:translateY(-5px)}.challenge-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.challenge-icon{width:40px;height:40px}.challenge-card h3{color:#8B4513;font-size:1.6rem;margin:1rem 0 0;font-weight:700}.challenge-card p{color:#A0522D;line-height:1.6;margin-bottom:1rem}.challenge-progress{background:#FEF3C7;height:10px;border-radius:4px;margin-bottom:1rem;overflow:hidden}.challenge-progress-bar{height:100%;background:linear-gradient(90deg, #FE7B02 0%, #EA580C 100%);border-radius:0 7px 7px 0;transition:width 0.3s}.challenge-card .number-points{color:#FBBF24;font-weight:700;display:flex;align-items:center;gap:1rem}.challenge-card .number-points:before{content:'';display:block;--WW: 1.5rem;width:var(--WW);height:var(--WW);background:url(https://superlikers-themes.s3.us-east-1.amazonaws.com/SUPER_MESEROS/LANDING/star.svg) center/cover no-repeat}.challenge-stats{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;margin-bottom:1rem}.challenge-points{color:#92400E99}.challenge-completion{color:#A0522D}@media (max-width: 768px){.hamburger{display:block}.hero{grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2.8rem;margin:0 auto}.app-buttons{justify-content:center}.space{display:none}.menu-container{background:#fffffff2;position:fixed;top:0;left:-100%;min-height:100vh;width:80%;flex-direction:column;align-items:start;padding:4rem;transition:350ms all cubic-bezier(0.59, 0.51, 0, 1.03)}.menu-container.active{left:0}.nav-container{justify-content:space-between}.cta-buttons{flex-direction:column;align-items:start}.nav-menu{flex-direction:column}.success-grid{grid-template-columns:1fr}.challenges-grid{grid-template-columns:1fr}.benefits-large-grid{grid-template-columns:1fr}.benefits-section .benefits-container{grid-template-columns:1fr;gap:2rem}.benefits-section .benefits-container .bene-r{order:-1;max-width:75%;margin:0 auto}.final-cta h2{font-size:2rem}.final-cta .subtitle{font-size:1.2rem}.avatar{width:120px;height:120px;font-size:2.5rem}.character{display:none}.challenges-section{padding:3rem 0}.success-stories{padding:4rem 0}.restaurant-benefits{padding:3rem 0}.role-selection{flex-direction:column;align-items:center}.modal-title{font-size:24px}.modal-subtitle{font-size:14px}#roleSelectionModal{max-width:450px;margin:0 auto}.title{font-size:2.5rem}}