.cafe-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background-image:url(/projects/Esencia.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.hero-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#1a1210b3,#1a1210d9)}.hero-content{position:relative;text-align:center;padding:2rem;max-width:700px;animation:fadeInUp .8s ease}.hero-badge{display:inline-block;background:#d4a57433;color:var(--cafe-latte);padding:.5rem 1.5rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:500;margin-bottom:1rem;letter-spacing:1px}.hero-content h1{font-family:var(--font-display);font-size:5rem;color:var(--cafe-cream);margin:0 0 -.2rem;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-content p{color:var(--cafe-latte);font-size:1rem;margin-bottom:2.6rem;line-height:1}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cafe-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.cafe-btn-lg{padding:.6rem 1.2rem;font-size:.95rem}.cafe-btn-gold{background:linear-gradient(135deg,var(--cafe-latte) 0%,var(--cafe-brown) 100%);color:var(--cafe-dark);box-shadow:0 4px 15px #d4a57440}.cafe-btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a57466}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:var(--cafe-latte);font-size:.85rem;opacity:.8;animation:bounce 2s infinite}.hero-scroll i{font-size:1.25rem;margin-top:.25rem}.hero-scroll.hidden{opacity:0;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cafe-espresso)}::-webkit-scrollbar-thumb{background:var(--cafe-brown);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cafe-latte)}*{scrollbar-width:thin;scrollbar-color:var(--cafe-brown) var(--cafe-espresso)}.cafe-section{padding:4rem 0}.cafe-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.hero-spotlight{position:absolute;inset:0;z-index:3;pointer-events:none;background:#000000fa;transition:opacity .3s ease}.section-badge{display:inline-block;padding:.4rem 1rem;background:transparent;color:var(--cafe-latte);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;border:1px solid var(--cafe-latte);border-radius:var(--radius-full);margin-bottom:1rem}.cafe-about{background-image:url(/projects/cafe-about.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;padding:5rem 0;position:relative}.cafe-about:before{content:"";position:absolute;inset:0;background:#1a1210e0;z-index:0}.cafe-about .cafe-container{position:relative;z-index:1}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-text h2{font-family:var(--font-display);font-size:2.5rem;color:var(--cafe-cream);margin-bottom:1.5rem;line-height:1.2}.about-text p{color:var(--cafe-latte);font-size:1rem;line-height:1.8;margin-bottom:1rem}.about-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.about-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:all .3s ease;opacity:0;transform:translate(60px)}.about-card.visible{opacity:1;transform:translate(0);transition:opacity .6s ease,transform .6s ease}.about-card:nth-child(1){transition-delay:0s}.about-card:nth-child(2){transition-delay:.15s}.about-card:nth-child(3){transition-delay:.3s}.about-card:hover{background:#ffffff14;transform:translateY(-5px);border-color:var(--cafe-latte)}.about-number{font-family:var(--font-display);font-size:2rem;font-weight:300;color:var(--cafe-latte);display:block;margin-bottom:.75rem;opacity:.8}.about-card h3{font-family:var(--font-display);font-size:1rem;color:var(--cafe-cream);margin-bottom:.5rem}.about-card p{font-size:.85rem;color:var(--cafe-latte);margin:0}.cafe-features{background:linear-gradient(-45deg,var(--cafe-espresso),var(--cafe-brown),var(--cafe-mocha),var(--cafe-espresso));background-size:400% 400%;animation:gradientMove 15s ease infinite;padding:5rem 0}.features-header{text-align:center;margin-bottom:3rem}.features-header h2{font-family:var(--font-display);font-size:2.5rem;color:var(--cafe-cream)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.feature-item{background:#ffffff0d;border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(40px)}.feature-item.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease,background .3s ease}.feature-item:nth-child(1){transition-delay:0s}.feature-item:nth-child(2){transition-delay:.15s}.feature-item:nth-child(3){transition-delay:.3s}.feature-item:nth-child(4){transition-delay:.45s}.feature-item:hover{background:#ffffff14;transform:translateY(-6px)}.feature-icon-box{width:60px;height:60px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.75rem;color:var(--cafe-latte)}.feature-item h3{font-family:var(--font-display);font-size:1.1rem;color:var(--cafe-cream);margin-bottom:.5rem}.feature-item p{font-size:.85rem;color:var(--cafe-latte);margin:0}.cafe-info{background-image:url(/projects/cafe-info.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;position:relative}.cafe-info:before{content:"";position:absolute;inset:0;background:#1a1210d9;z-index:0}.cafe-info .cafe-container{position:relative;z-index:1}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.info-card{text-align:center;padding:2rem;opacity:0;transform:scale(.9)}.info-card.visible{opacity:1;transform:scale(1);transition:opacity .5s ease,transform .5s ease}.info-card:nth-child(1){transition-delay:0s}.info-card:nth-child(2){transition-delay:.15s}.info-card:nth-child(3){transition-delay:.3s}.info-icon{width:70px;height:70px;background:#d4a57433;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.75rem;color:var(--cafe-latte)}.info-card h3{font-family:var(--font-display);font-size:1.25rem;color:var(--cafe-cream);margin:0 0 .75rem}.info-card p{color:var(--cafe-latte);margin:0;font-size:.95rem;line-height:1.6}.cafe-quote{background:var(--cafe-espresso);padding:5rem 0}.quote-content{text-align:center;max-width:700px;margin:0 auto}.quote-decoration{width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--cafe-latte),transparent);margin:0 auto 2rem}.typewriter-quote{font-family:var(--font-display);font-size:1.6rem;font-style:italic;color:var(--cafe-cream);line-height:1.6;margin:0 0 1.5rem;min-height:4rem}.typewriter-cursor{animation:blink .8s infinite;color:var(--cafe-latte)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.quote-author{color:var(--cafe-latte);font-size:.95rem;font-weight:500;letter-spacing:2px}.cafe-footer{background:var(--cafe-espresso);text-align:center;padding:2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-text{color:var(--cafe-latte);font-size:.85rem;opacity:.7}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@media(max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem}.about-content,.features-grid,.info-grid{grid-template-columns:1fr}.about-visual{grid-template-columns:1fr!important}.features-header{text-align:center}}.role-modal-overlay[data-astro-cid-6mu6cf7t]{position:fixed;inset:0;z-index:10000;overflow-y:auto;transition:opacity .5s ease,visibility .5s ease}.role-modal-overlay[data-astro-cid-6mu6cf7t].hidden{opacity:0;visibility:hidden;pointer-events:none}.role-modal-scroll[data-astro-cid-6mu6cf7t]{display:flex;min-height:100%;width:100%;padding:2rem 1rem}.role-backdrop[data-astro-cid-6mu6cf7t]{position:fixed;inset:0;background:#1a1210bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:-1}.role-content[data-astro-cid-6mu6cf7t]{max-width:580px;width:100%;margin:auto;background:#ffffff0f;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem 2rem;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.role-header[data-astro-cid-6mu6cf7t]{text-align:center;margin-bottom:1.5rem}.role-logo-icon[data-astro-cid-6mu6cf7t]{display:block;margin:0 auto;font-size:3.5rem;color:var(--cafe-latte);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.role-header[data-astro-cid-6mu6cf7t] h1[data-astro-cid-6mu6cf7t]{font-family:var(--font-display);font-size:2.5rem;color:var(--cafe-cream);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.role-subtitle[data-astro-cid-6mu6cf7t]{color:var(--cafe-latte);font-size:.9rem;font-weight:300;letter-spacing:3px;text-transform:uppercase}.demo-notice[data-astro-cid-6mu6cf7t]{display:flex;gap:.75rem;background:#d4a5741a;border:1px solid rgba(212,165,116,.25);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.notice-icon[data-astro-cid-6mu6cf7t]{flex-shrink:0;width:36px;height:36px;background:var(--cafe-latte);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cafe-dark);font-size:1rem}.notice-text[data-astro-cid-6mu6cf7t] strong[data-astro-cid-6mu6cf7t]{color:var(--cafe-latte);font-size:.9rem;display:block;margin-bottom:.25rem}.notice-text[data-astro-cid-6mu6cf7t] p[data-astro-cid-6mu6cf7t]{color:var(--cafe-cream);font-size:.8rem;margin:0;opacity:.85;line-height:1.5}.tech-inline[data-astro-cid-6mu6cf7t]{background:#ffffff1a;padding:.1rem .4rem;border-radius:4px;font-size:.75rem}.role-title[data-astro-cid-6mu6cf7t]{text-align:center;margin-bottom:1.25rem}.role-title[data-astro-cid-6mu6cf7t] h2[data-astro-cid-6mu6cf7t]{font-family:var(--font-display);font-size:1.25rem;color:var(--cafe-cream);margin:0 0 .25rem}.role-title[data-astro-cid-6mu6cf7t] p[data-astro-cid-6mu6cf7t]{color:var(--cafe-latte);font-size:.85rem;margin:0;opacity:.8}.roles-accordion[data-astro-cid-6mu6cf7t]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.role-item[data-astro-cid-6mu6cf7t]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.role-item[data-astro-cid-6mu6cf7t]:hover{border-color:#d4a5744d}.role-item[data-astro-cid-6mu6cf7t].active{border-color:var(--cafe-latte);background:#ffffff14}.role-header-btn[data-astro-cid-6mu6cf7t]{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.role-header-btn[data-astro-cid-6mu6cf7t]:hover{background:#ffffff08}.role-icon[data-astro-cid-6mu6cf7t]{width:44px;height:44px;background:linear-gradient(135deg,var(--cafe-brown) 0%,var(--cafe-mocha) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-icon[data-astro-cid-6mu6cf7t] i[data-astro-cid-6mu6cf7t]{font-size:1.5rem;color:var(--cafe-cream)}.role-icon[data-astro-cid-6mu6cf7t].mesero{background:linear-gradient(135deg,#5d4e37,#3e3428)}.role-icon[data-astro-cid-6mu6cf7t].cocina{background:linear-gradient(135deg,#4a5568,#2d3748)}.role-icon[data-astro-cid-6mu6cf7t].admin{background:linear-gradient(135deg,var(--cafe-latte) 0%,var(--cafe-brown) 100%)}.role-name[data-astro-cid-6mu6cf7t]{flex:1;text-align:left;font-family:var(--font-display);font-size:1.1rem;color:var(--cafe-cream)}.toggle-icon[data-astro-cid-6mu6cf7t]{color:var(--cafe-latte);font-size:1rem;transition:transform .3s ease}.role-item[data-astro-cid-6mu6cf7t].active .toggle-icon[data-astro-cid-6mu6cf7t]{transform:rotate(45deg)}.role-details[data-astro-cid-6mu6cf7t]{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 1.25rem}.role-item[data-astro-cid-6mu6cf7t].active .role-details[data-astro-cid-6mu6cf7t]{max-height:300px;padding:0 1.25rem 1.25rem}.role-desc[data-astro-cid-6mu6cf7t]{color:var(--cafe-latte);font-size:.9rem;margin:0 0 .75rem;line-height:1.5}.role-features[data-astro-cid-6mu6cf7t]{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.role-features[data-astro-cid-6mu6cf7t] li[data-astro-cid-6mu6cf7t]{color:#fffc;font-size:.8rem;display:flex;align-items:center;gap:.35rem}.role-features[data-astro-cid-6mu6cf7t] i[data-astro-cid-6mu6cf7t]{color:var(--cafe-latte);font-size:.75rem}.role-enter-btn[data-astro-cid-6mu6cf7t]{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--cafe-latte) 0%,var(--cafe-brown) 100%);color:var(--cafe-dark);font-size:.85rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.role-enter-btn[data-astro-cid-6mu6cf7t]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a5744d}.role-enter-btn[data-astro-cid-6mu6cf7t] i[data-astro-cid-6mu6cf7t]{transition:transform .3s ease}.role-enter-btn[data-astro-cid-6mu6cf7t]:hover i[data-astro-cid-6mu6cf7t]{transform:translate(4px)}.browse-btn[data-astro-cid-6mu6cf7t]{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:transparent;border:2px solid rgba(212,165,116,.4);border-radius:12px;color:var(--cafe-latte);font-family:var(--font-display);font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;margin-bottom:1.5rem}.browse-btn[data-astro-cid-6mu6cf7t]:hover{background:#d4a5741a;border-color:var(--cafe-latte);transform:translateY(-2px);box-shadow:0 8px 25px #d4a57426}.browse-btn[data-astro-cid-6mu6cf7t] i[data-astro-cid-6mu6cf7t]{font-size:1.25rem}.browse-hint[data-astro-cid-6mu6cf7t]{position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:.7rem;color:var(--cafe-latte);opacity:.6;white-space:nowrap}.role-footer[data-astro-cid-6mu6cf7t]{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:1rem}.back-link[data-astro-cid-6mu6cf7t]{display:flex;align-items:center;gap:.5rem;color:var(--cafe-latte);text-decoration:none;font-size:.85rem;transition:color .2s ease}.back-link[data-astro-cid-6mu6cf7t]:hover{color:var(--cafe-cream)}.tech-stack[data-astro-cid-6mu6cf7t]{display:flex;gap:.4rem;flex-wrap:wrap}.tech-tag[data-astro-cid-6mu6cf7t]{background:#ffffff14;color:var(--cafe-cream);padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:500}@media(max-width:600px){.role-content[data-astro-cid-6mu6cf7t]{padding:1.5rem 1.25rem}.role-header[data-astro-cid-6mu6cf7t] h1[data-astro-cid-6mu6cf7t]{font-size:2rem}.demo-notice[data-astro-cid-6mu6cf7t]{flex-direction:column;text-align:center;align-items:center}.role-footer[data-astro-cid-6mu6cf7t]{flex-direction:column;text-align:center}.tech-stack[data-astro-cid-6mu6cf7t]{justify-content:center}}