/* Mockup estatico de Klyven Labs. HTML, CSS y JavaScript sin framework. */
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}a{color:inherit}[data-demo-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}[data-demo-reveal][data-visible=true]{opacity:1;transform:translateY(0)}.demo-notice{align-items:center;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--demo-surface) 78%,transparent);border:1px solid color-mix(in srgb,var(--demo-accent) 45%,transparent);border-radius:6px;bottom:16px;color:#fff;display:flex;flex-wrap:wrap;font:600 .72rem/1.2 system-ui,sans-serif;gap:5px;letter-spacing:0;max-width:calc(100vw - 32px);padding:10px 13px;position:fixed;right:16px;text-decoration:none;z-index:50}.demo-notice span{opacity:.72}.demo-notice strong{color:var(--demo-accent)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background:#111610;color:#f4f1e8;font-family:Inter,Segoe UI,sans-serif}.restaurant-site{overflow:clip}.restaurant-nav{align-items:center;color:#fff;display:grid;gap:28px;grid-template-columns:1fr auto 1fr;left:50%;max-width:1480px;padding:28px 42px;position:absolute;top:0;transform:translate(-50%);width:100%;z-index:5}.brand{align-items:center;display:flex;gap:12px;text-decoration:none;width:fit-content}.brand-mark{align-items:center;border:1px solid rgba(255,255,255,.55);display:flex;font:700 .72rem/1 Georgia,serif;height:38px;justify-content:center;width:38px}.brand-name{font:600 .82rem/1.05 Georgia,serif;text-transform:uppercase}.restaurant-nav nav{display:flex;gap:34px}.restaurant-nav nav a,.reserve-link{font-size:.78rem;text-decoration:none}.restaurant-nav nav a{opacity:.76}.restaurant-nav nav a:hover{opacity:1}.reserve-link{align-items:center;border-bottom:1px solid rgba(255,255,255,.7);display:flex;gap:8px;justify-self:end;padding:8px 0}.hero{min-height:760px;position:relative}.hero>img,.hero-shade{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hero>img{object-position:center}.hero-shade{background:linear-gradient(90deg,#080c08d9,#080c0870 43%,#080c080f 72%),linear-gradient(0deg,rgba(8,12,8,.58),transparent 38%)}.hero-copy{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:1480px;min-height:760px;padding:150px 42px 70px;position:relative;z-index:2}.kicker,.eyebrow,.section-index{color:#d7ff78;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1{font:500 5.7rem/.89 Georgia,serif;letter-spacing:0;margin:24px 0 40px;max-width:900px}.hero-bottom{align-items:end;display:flex;gap:30px;max-width:660px}.hero-bottom p{font:400 1.05rem/1.6 Georgia,serif;margin:0;max-width:500px}.circle-action{align-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;flex:0 0 54px;height:54px;justify-content:center;transition:background .22s ease,color .22s ease}.circle-action:hover{background:#d7ff78;color:#111610}.hero-service{bottom:52px;display:grid;font-size:.72rem;gap:7px;position:absolute;right:42px;text-align:right;z-index:3}.hero-service span{opacity:.68}.manifesto,.menu-section,.reservation{margin:0 auto;max-width:1480px;padding:120px 42px}.manifesto{display:grid;gap:50px;grid-template-columns:180px minmax(0,1.45fr) minmax(280px,.75fr)}.manifesto h2,.menu-heading h2,.craft-copy h2,.reservation h2{font:500 3.5rem/1.02 Georgia,serif;letter-spacing:0;margin:18px 0 0}.manifesto-detail{align-self:end}.manifesto-detail>p,.craft-copy>p,.reservation-intro>p{color:#b9c0ae;line-height:1.75;margin:0}.manifesto-facts{border-top:1px solid #394036;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:34px;padding-top:20px}.manifesto-facts span{color:#8d9685;display:grid;font-size:.66rem;gap:5px;text-transform:uppercase}.manifesto-facts strong{color:#fff;font:500 1.5rem/1 Georgia,serif}.menu-section{border-top:1px solid #31372f}.menu-heading{align-items:end;display:flex;justify-content:space-between}.menu-price{color:#d7ff78;font:500 2.4rem/1 Georgia,serif;margin:0;text-align:right}.menu-price span{color:#8d9685;display:block;font:400 .7rem/1.5 Inter,sans-serif;margin-top:8px}.menu-list{margin-top:70px}.menu-list article{align-items:center;border-top:1px solid #343b31;display:grid;gap:22px;grid-template-columns:70px 1fr 260px 30px;min-height:112px}.menu-list article:last-child{border-bottom:1px solid #343b31}.dish-number,.menu-list p{color:#7f8878;font-size:.75rem}.menu-list h3{font:500 1.5rem/1.2 Georgia,serif;margin:0}.menu-list p{margin:0}.menu-list svg{color:#d7ff78}.menu-note{color:#7f8878;font-size:.72rem;line-height:1.6;margin:22px 0 0 auto;max-width:500px}.craft{background:#eef0e8;color:#171b15;display:grid;grid-template-columns:1.05fr .95fr;min-height:760px}.craft-image{min-height:680px;overflow:hidden;position:relative}.craft-image img{height:100%;object-fit:cover;width:100%}.craft-image span{background:#d7ff78;bottom:24px;color:#111610;font-size:.68rem;font-weight:700;left:24px;padding:10px 14px;position:absolute;text-transform:uppercase}.craft-copy{align-self:center;max-width:640px;padding:80px}.craft-copy .eyebrow{color:#52672e}.craft-copy>p{color:#51594c;margin-top:32px}.craft-copy blockquote{border-left:2px solid #657c38;font:italic 1.45rem/1.45 Georgia,serif;margin:42px 0 14px;padding-left:24px}.signature{color:#65705f;font-size:.72rem}.proof{align-items:center;background:#20271e;display:grid;gap:60px;grid-template-columns:190px 1fr 220px;padding:88px max(42px,calc((100vw - 1396px)/2))}.proof-score,.proof-source{display:grid;gap:8px}.stars{color:#d7ff78;display:flex;gap:3px}.proof-score strong{font:500 1.65rem/1 Georgia,serif}.proof-score span,.proof-source span{color:#8d9685;font-size:.7rem}.proof blockquote{font:500 2rem/1.35 Georgia,serif;margin:0}.proof-source{text-align:right}.reservation{display:grid;gap:80px;grid-template-columns:1fr 1fr}.reservation-intro{max-width:570px}.reservation-intro>p{margin-top:26px}.location{align-items:center;color:#d7ff78;display:flex;font-size:.8rem;gap:9px;margin-top:34px}.reservation-form{align-content:start;display:grid;gap:18px;grid-template-columns:1fr 1fr}.reservation-form label{color:#9ca594;display:grid;font-size:.72rem;gap:8px}.reservation-form label:nth-child(3),.reservation-form button,.reservation-status{grid-column:1 / -1}.reservation-form input,.reservation-form select{background:transparent;border:0;border-bottom:1px solid #465043;border-radius:0;color:#fff;min-height:48px;outline:none;padding:8px 0}.reservation-form select option{color:#111610}.reservation-form button{align-items:center;background:#d7ff78;border:0;border-radius:2px;color:#111610;cursor:pointer;display:flex;font-weight:800;gap:10px;justify-content:center;margin-top:10px;min-height:56px;transition:background .18s ease,transform .18s ease}.reservation-form button:hover{background:#ecffbd;transform:translateY(-2px)}.reservation-status{color:#b9c0ae;font-size:.72rem;line-height:1.5;margin:0;min-height:18px}.restaurant-footer{align-items:center;border-top:1px solid #31372f;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr;margin:0 42px;padding:46px 0 80px}.restaurant-footer>p,.restaurant-footer>span{color:#7f8878;font-size:.7rem}.restaurant-footer>div:nth-child(3){display:flex;gap:22px;justify-content:flex-end}.restaurant-footer>div:nth-child(3) a{font-size:.72rem;text-decoration:none}.restaurant-footer>span{grid-column:1 / -1;text-align:center}@media(max-width:980px){.restaurant-nav{padding-inline:24px}.restaurant-nav nav{display:none}.restaurant-nav{grid-template-columns:1fr 1fr}.hero-copy{padding-inline:24px}.hero h1{font-size:4.2rem}.hero-service{display:none}.manifesto,.reservation{gap:42px;grid-template-columns:1fr;padding:90px 24px}.section-index{display:none}.menu-section{padding:90px 24px}.menu-heading{align-items:start;flex-direction:column;gap:30px}.menu-price{text-align:left}.menu-list article{grid-template-columns:42px 1fr 24px;padding:22px 0}.menu-list p{display:none}.craft{grid-template-columns:1fr}.craft-copy{max-width:none;padding:72px 24px}.proof{gap:34px;grid-template-columns:1fr;padding:70px 24px}.proof-source{text-align:left}.restaurant-footer{grid-template-columns:1fr;margin-inline:24px}.restaurant-footer>div:nth-child(3){justify-content:flex-start}}@media(max-width:620px){.restaurant-nav{padding-top:18px}.reserve-link{font-size:.7rem}.hero,.hero-copy{min-height:700px}.hero>img{object-position:61% center}.hero h1{font-size:3.15rem;line-height:.94;max-width:100%}.hero-bottom{align-items:start;flex-direction:column}.manifesto h2,.menu-heading h2,.craft-copy h2,.reservation h2{font-size:2.35rem}.manifesto-facts{grid-template-columns:1fr 1fr 1fr}.menu-list h3{font-size:1.18rem}.craft-image{min-height:480px}.proof blockquote{font-size:1.5rem}.reservation-form{grid-template-columns:1fr}.reservation-form label,.reservation-form label:nth-child(3),.reservation-form button,.reservation-status{grid-column:1}}
