:root{--primary:#0b2118;--accent:#d1a252;--paper:#f6efdf;--ink:#1c3327}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#06130e;color:#fff;font-family:Arial,sans-serif}button,a{font:inherit}.app{min-height:100svh;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--primary),#39734f 35%) 0,var(--primary) 48%,#05100b 85%)}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.orb{position:fixed;border-radius:50%;background:var(--accent);opacity:.3;animation:float 7s ease-in-out infinite}.orb-a{width:6px;height:6px;left:10%;top:28%}.orb-b{width:4px;height:4px;right:12%;top:66%;animation-delay:-3s}.topbar{height:82px;padding:0 clamp(18px,5vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1a;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font:700 12px Georgia}.brand strong{display:block;font:18px Georgia}.brand small{display:block;margin-top:3px;color:#aeb8b1;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.top-actions{display:flex;align-items:center;gap:12px}.counter{font:12px monospace;color:#b8c2bc}.pill{border:1px solid #ffffff30;border-radius:99px;background:#ffffff0c;color:#fff;padding:8px 12px}.stage{height:calc(100svh - 232px);min-height:460px;display:grid;place-items:center;perspective:1900px;position:relative}.ambient{position:absolute;width:min(75vw,920px);height:68%;border-radius:50%;background:color-mix(in srgb,var(--accent),transparent 78%);filter:blur(80px);animation:breathe 5s ease-in-out infinite}.book{width:min(80vw,900px);height:min(66svh,590px);position:relative;transform-style:preserve-3d;filter:drop-shadow(0 35px 35px #0009);touch-action:pan-y;user-select:none;cursor:grab;animation:bookIn .9s cubic-bezier(.2,.75,.2,1)}.book:active{cursor:grabbing}.page-stack{position:absolute;inset:8px -9px -8px 7px}.page-stack i{position:absolute;inset:0;border-radius:7px 18px 18px 7px;background:#e7dcc5;box-shadow:0 1px 0 #bba782}.page-stack i:nth-child(2){transform:translate(3px,3px)}.page-stack i:nth-child(3){transform:translate(6px,6px)}.page{position:absolute;inset:0;overflow:hidden;border-radius:7px 18px 18px 7px;backface-visibility:hidden}.spine{position:absolute;left:-14px;top:2%;bottom:2%;width:19px;border-radius:8px 0 0 8px;background:linear-gradient(90deg,#24130a,#704022 55%,#25130a);box-shadow:inset -3px 0 6px #0007}.turn-leaf{position:absolute;z-index:9;inset:0;border-radius:7px 18px 18px 7px;pointer-events:none;opacity:0;transform-origin:left;background:linear-gradient(90deg,#f9f3e5,#e8dcc5 47%,#fff9ea 55%,#d5c5a8);box-shadow:12px 0 25px #0005}.turn-next .turn-leaf{animation:turnNext .72s cubic-bezier(.42,0,.2,1)}.turn-prev .turn-leaf{transform-origin:right;animation:turnPrev .72s cubic-bezier(.42,0,.2,1)}.cover{height:100%;position:relative;background:#25170f}.cover>img{width:100%;height:100%;object-fit:cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071810ed 0,#071810bd 44%,#07181025 82%),linear-gradient(0deg,#0007,transparent 55%)}.cover-shine{position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 36%,#ffffff20 48%,transparent 60%);animation:shine 6s ease-in-out infinite}.cover-copy{position:absolute;inset:0;padding:clamp(35px,6vw,74px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:var(--accent)}.seal{width:57px;height:57px;margin:26px 0 13px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent)}.cover h1{max-width:65%;font:italic clamp(56px,8vw,100px)/.83 Georgia;margin:0;color:#fff6df;letter-spacing:-.05em}.cover p{max-width:440px;font:clamp(15px,2vw,19px)/1.6 Georgia;color:#eee1c9;margin:25px 0}.discover{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--accent);padding:5px 0;text-transform:uppercase;letter-spacing:.16em;font-size:11px;cursor:pointer}.paper-page{background:var(--paper);color:var(--ink);box-shadow:inset 18px 0 35px #3e2c181b}.spread{height:100%;display:grid;grid-template-columns:43% 57%}.visual{position:relative;overflow:hidden;border-right:1px solid #c9b997}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071810db,transparent 62%)}.visual img{width:100%;height:100%;object-fit:cover;animation:drift 12s ease-in-out infinite alternate}.visual>div{position:absolute;z-index:2;left:34px;bottom:38px}.visual span{display:block;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.22em}.visual strong{display:block;margin-top:9px;font:italic clamp(30px,4vw,50px)/.9 Georgia;color:#fff4da}.paper{height:100%;padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;background:repeating-linear-gradient(89deg,#725a3508 0,#725a3508 1px,transparent 1px,transparent 8px)}.paper header>span{color:#a97734;text-transform:uppercase;letter-spacing:.25em;font-size:10px}.paper h2{font:italic clamp(36px,4.8vw,58px) Georgia;margin:7px 0 12px;color:#153526}.paper header>i{display:block;width:56px;height:2px;background:var(--accent)}.dishes{display:grid;gap:clamp(16px,2.3vh,25px);margin-top:clamp(20px,3vh,33px)}.dish{display:flex;gap:11px;align-items:flex-end}.dish>div{max-width:65%}.dish h3{font:600 clamp(15px,1.7vw,20px) Georgia;margin:0 0 5px}.dish p{font-size:12px;line-height:1.4;color:#69746b;margin:0}.dish em{display:block;margin-top:5px;color:#a34035;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.dish.sold{opacity:.55}.dish>i{flex:1;border-bottom:1px dotted #989885;margin-bottom:5px}.dish>strong{font:600 21px Georgia;color:#9a6b2e;white-space:nowrap}.dish small{font-size:9px}.ornament{margin-top:auto;text-align:center;color:var(--accent);font-size:20px}.contact{align-items:center;justify-content:center;text-align:center}.eyebrow.dark{color:#9c6e30}.contact h2{font:italic clamp(48px,8vw,84px) Georgia;color:#153526;margin:15px}.contact p{color:#68736b}.contact>a{color:#9b6b2c;font:600 clamp(20px,3vw,32px) Georgia;text-decoration:none;margin:10px}.contact .whatsapp{font:600 13px Arial;color:#fff;background:#1f6e4a;padding:13px 19px;border-radius:99px}.contact small{margin-top:15px;color:#6f7771}.category-nav{position:relative;z-index:10;display:flex;justify-content:center;gap:7px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-nav button{flex:none;border:1px solid #ffffff20;background:#ffffff08;color:#a5b1aa;padding:7px 12px;border-radius:99px;font-size:11px;cursor:pointer;transition:.25s}.category-nav button.active,.category-nav button:hover{border-color:var(--accent);background:var(--accent);color:#102219}.controls{height:55px;display:flex;align-items:center;justify-content:center;gap:17px;position:relative;z-index:10}.round{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff35;background:#ffffff0b;color:#fbe7c1;font-size:20px;cursor:pointer}.round.primary,.round:hover{background:var(--accent);border-color:var(--accent);color:#102219}.round:disabled{opacity:.3;cursor:not-allowed}.progress{width:120px;height:2px;background:#ffffff25}.progress i{display:block;height:100%;background:var(--accent);transition:width .35s}.gesture-hint{text-align:center;margin:0;color:#93a098;font-size:12px}.app footer{position:absolute;right:25px;bottom:18px;color:#91a097;font-size:10px;letter-spacing:.07em}.app footer b{color:var(--accent)}.loading,.error{position:fixed;z-index:30;inset:0;display:grid;place-content:center;text-align:center;background:#071711}.loading span{width:36px;height:36px;margin:auto;border:2px solid #ffffff25;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading p,.error p{color:#9caaa2}.error strong{font:28px Georgia}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@keyframes turnNext{0%{opacity:0;transform:rotateY(0)}12%{opacity:1}50%{opacity:1;transform:rotateY(-92deg);box-shadow:35px 0 45px #0008}88%{opacity:1}100%{opacity:0;transform:rotateY(-180deg)}}@keyframes turnPrev{0%{opacity:0;transform:rotateY(0)}12%{opacity:1}50%{opacity:1;transform:rotateY(92deg);box-shadow:-35px 0 45px #0008}88%{opacity:1}100%{opacity:0;transform:rotateY(180deg)}}@keyframes shine{0%,66%{transform:translateX(-55%)}88%,100%{transform:translateX(55%)}}@keyframes drift{from{transform:scale(1.07) translateX(-1%)}to{transform:scale(1.13) translateX(1%)}}@keyframes float{50%{transform:translate(14px,-28px);opacity:.55}}@keyframes breathe{50%{opacity:.55;transform:scale(1.08)}}@keyframes bookIn{from{opacity:0;transform:translateY(30px) rotateX(8deg)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.topbar{height:70px;padding:0 15px}.logo-mark{width:36px;height:36px}.brand small,.counter{display:none}.stage{height:calc(100svh - 218px);min-height:400px}.book{width:min(89vw,430px);height:min(61svh,535px)}.spine{left:-10px;width:14px}.page-stack{inset:5px -6px -5px 5px}.spread{display:block}.visual{display:none}.paper{padding:31px 24px;overflow-y:auto}.paper h2{font-size:42px}.dishes{gap:18px;margin-top:20px}.dish>div{max-width:70%}.dish h3{font-size:16px}.dish p{font-size:11px}.dish>strong{font-size:18px}.cover-shade{background:linear-gradient(0deg,#071810ee 0,#071810ac 72%,#07181025)}.cover-copy{padding:31px;justify-content:flex-end}.cover h1{font-size:56px;max-width:100%}.cover p{font-size:14px;margin:17px 0}.seal{width:46px;height:46px;margin:16px 0 10px}.category-nav{justify-content:flex-start}.category-nav button{font-size:12px;padding:8px 13px}.gesture-hint,.app footer{display:none}}
@media(max-width:390px){.stage{min-height:365px}.book{height:min(58svh,470px)}.cover-copy{padding:25px}.cover h1{font-size:49px}.paper h2{font-size:36px}.dishes{gap:14px}.dish p{font-size:10px}}
@media(orientation:landscape) and (max-height:620px){.topbar{height:56px}.stage{height:calc(100svh - 115px);min-height:290px}.book{height:calc(100svh - 145px);width:min(72vw,760px)}.category-nav{position:absolute;left:13px;top:68px;flex-direction:column;align-items:flex-start}.controls{position:absolute;right:15px;bottom:20px;flex-direction:column;height:auto}.progress,.gesture-hint,.app footer{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}