:root{--green:#313a1f;--olive:#847b50;--sage:#afa076;--beige:#d2c5ac;--cream:#f4edd9;--ink:#22200c;--white:#f1f0ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--green);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'League Spartan',sans-serif;line-height:1;letter-spacing:-.045em}h2{font-size:clamp(40px,5vw,76px)}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sage);outline-offset:6px}.skip{position:absolute;top:-90px;z-index:20;background:var(--cream);padding:12px}.skip:focus{top:0}header{height:100px;padding:12px 5%;display:flex;align-items:center;gap:38px;background:var(--green);color:var(--cream);position:sticky;top:0;z-index:10;border-bottom:1px solid #f4edd926}.brand{margin-right:auto;display:block}.logo{width:126px;height:64px;display:block;mix-blend-mode:lighten}nav{display:flex;gap:29px}nav a{font-size:12px;text-transform:uppercase;text-decoration:none;letter-spacing:.12em}nav a:hover{color:var(--sage)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 27px;background:var(--cream);color:var(--green);text-decoration:none;border:1px solid var(--cream);border-radius:3px;font-size:12px;font-weight:700;letter-spacing:.12em;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button.small{min-height:42px;padding:9px 24px}.outline{background:transparent;color:var(--cream)}.hamburger{display:none}.hero{min-height:700px;background:var(--green);color:var(--cream);display:grid;grid-template-columns:45% 55%;padding:58px 5% 60px;overflow:hidden;position:relative}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600}.hero-copy{padding-top:45px;position:relative;z-index:2}.hero h1{font-size:clamp(58px,6.5vw,100px);margin:26px 0}.hero h1 span{font-family:Kalam,cursive;font-weight:400;position:relative;letter-spacing:-.06em}.hero h1 span:after{content:'';position:absolute;height:5px;bottom:5px;left:0;right:0;background:var(--sage);border-radius:80%;transform:rotate(-5deg)}.intro{font-size:17px;color:var(--beige);line-height:1.8}.actions{display:flex;gap:14px;margin-top:30px}.hero-bottom{font-size:11px;letter-spacing:.15em;margin-top:58px}.hero-bottom i{padding:0 14px;color:var(--sage)}.hero-collage{position:relative;min-height:580px;margin-left:12px}.photo{display:block;width:100%;height:100%;background:var(--beige);overflow:hidden}.hero-collage .photo{position:absolute;box-shadow:0 15px 35px #22200c40}.main-coffee{width:65%!important;height:70%!important;left:9%;top:4%;border-radius:46% 48% 35% 40%;transform:rotate(-8deg)}.iced{width:29%!important;height:41%!important;right:0;top:0;border-radius:50% 45% 8% 8%;transform:rotate(9deg)}.croissant{width:38%!important;height:31%!important;right:-2%;bottom:8%;border:9px solid var(--cream);transform:rotate(8deg)}.cake{width:31%!important;height:25%!important;left:7%;bottom:0;border:8px solid var(--beige);transform:rotate(-8deg)}.mascot{width:128px;height:150px;transform:rotate(-10deg);border-radius:50%;position:absolute;bottom:20%;left:-6%;animation:float 6s ease-in-out infinite}.paper{background:var(--cream);color:var(--green);padding:12px 24px;font-family:Kalam,cursive;font-size:21px;line-height:1.3;box-shadow:0 3px 8px #22200c20}.hero-note{position:absolute;right:7%;top:48%;transform:rotate(-8deg)}.transition{padding:42px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--beige)}.transition>span:first-child{font-size:11px;text-transform:uppercase;letter-spacing:.15em;width:140px}.transition p{font-family:'League Spartan';font-weight:700;font-size:30px}.transition em{font:32px Kalam}.hand{font-family:Kalam,cursive;font-size:26px;line-height:1.3;font-weight:400}.menu-section{padding:90px 7%}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2{margin-top:14px}.section-heading>.hand{transform:rotate(-5deg);max-width:280px}.menu-tabs{display:flex;border-block:1px solid var(--beige);margin:35px 0 38px;gap:10px}.menu-tabs a{flex:1;text-decoration:none;padding:18px 5px;font-size:13px;font-weight:700}.menu-tabs span{color:var(--olive);padding-right:7px}.menu-tabs a:hover{background:var(--beige)}.menu-panel{border-top:1px solid var(--sage);padding:0 32px;scroll-margin-top:110px}.menu-panel.green{background:var(--green);color:var(--cream)}.menu-panel.cream{background:var(--cream)}summary{list-style:none;cursor:pointer;display:flex;gap:26px;align-items:center;padding:26px 0}summary::-webkit-details-marker{display:none}.number{font-family:'League Spartan';font-weight:800;font-size:62px;color:var(--sage);line-height:1}summary h3{font-size:34px;text-transform:uppercase;letter-spacing:-.02em}.toggle{margin-left:auto;border:1px solid var(--sage);border-radius:50%;width:35px;height:35px;text-align:center;font-size:22px;line-height:32px}details[open] .toggle{transform:rotate(45deg)}.menu-body{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;padding:12px 0 45px}.product{display:flex;gap:18px;justify-content:space-between;align-items:baseline;border-bottom:1px solid #847b503a;padding:9px 0;font-size:16px}.product strong{font-size:14px;white-space:nowrap}.product.subhead{font-size:12px;letter-spacing:.12em;padding-top:24px;font-weight:bold}.menu-art{display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-art .hand{margin-bottom:20px;max-width:250px;transform:rotate(-7deg);text-align:center}.menu-art .photo{height:320px;max-width:370px;border-radius:45% 45% 14% 16%;transform:rotate(3deg)}.original{font-size:12px;margin-top:25px;text-underline-offset:5px}.menu-footnote{font-size:12px;margin-top:22px;color:var(--olive)}.favorites{background:var(--beige);padding:85px 7% 110px}.favorites-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;align-items:start;margin-top:65px}.favorite{position:relative;transform:rotate(-5deg);transition:transform .25s,filter .25s}.favorite:nth-child(even){transform:rotate(5deg);margin-top:35px}.favorite:hover{transform:scale(1.03) rotate(0);filter:drop-shadow(0 6px 8px #22200c30)}.favorite .photo{height:230px;border-radius:50% 50% 5px 5px}.favorite figcaption{position:relative;display:table;margin:-10px auto 0;padding:7px 12px;font:18px Kalam;background:var(--cream);transform:rotate(-3deg)}.experience{padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.experience h2{font-size:clamp(42px,5vw,70px);margin:20px 0 25px}.experience p:not(.eyebrow):not(.hand){max-width:420px}.experience .hand{margin-top:30px;transform:rotate(-4deg)}.experience-art{height:520px;position:relative}.experience-art .photo:first-child{width:78%;height:85%;border-radius:48% 48% 2% 2%}.experience-art .photo:last-child{position:absolute;bottom:0;right:0;width:46%;height:47%;border:10px solid var(--beige);transform:rotate(8deg)}.gallery{padding:70px 7% 100px;background:var(--green);color:var(--cream)}.masonry{columns:3;column-gap:22px;margin-top:50px}.gallery-item{margin:0 0 24px;break-inside:avoid;overflow:hidden;border-radius:4px}.gallery-item .photo{height:265px;transition:transform .5s}.gallery-item:nth-child(3n+1) .photo{height:380px}.gallery-item:hover .photo{transform:scale(1.03)}.gallery-note{padding:30px 15px;text-align:center;break-inside:avoid;transform:rotate(-6deg)}.cta{background:var(--green);color:var(--cream);padding:70px 10%;border-top:1px solid #afa07660;display:flex;gap:55px;align-items:center;justify-content:center}.cta .mascot{position:static;width:160px;height:190px;flex-shrink:0}.cta h2{font-size:clamp(40px,5vw,66px);margin-bottom:14px}.location{padding:90px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.location h2{font-size:52px;margin:14px 0 30px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-fields dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.contact-fields dd{height:25px;border-bottom:1px solid var(--beige);margin:4px 0}.location-art{height:360px;border-radius:47% 40% 42% 12%;position:relative;overflow:hidden}.location-art .photo{opacity:.85}.location-art .paper{position:absolute;bottom:35px;left:15%;transform:rotate(-5deg)}.socials{display:flex;gap:12px;margin-top:20px}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid currentColor;border-radius:50%;background:none;color:inherit}.social-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.social-icon:disabled{opacity:.65;cursor:default}.instagram{padding:55px 7% 90px;text-align:center;background:var(--beige)}.instagram h2{font-size:55px}.instagram p{margin:12px 0 30px}.insta-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.insta-grid .photo{height:220px}footer{background:var(--green);color:var(--cream);padding:55px 7% 28px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:35px}.footer-top .logo{width:180px;height:90px}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.footer-links a{font-size:13px;text-decoration:none}.footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid #afa07660;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.1em}.footer-bottom .hand{font-size:20px;letter-spacing:0}.floating{position:fixed;right:20px;bottom:20px;z-index:12;background:var(--cream);color:var(--green);box-shadow:0 3px 16px #22200c30}.floating:disabled{opacity:1}@keyframes float{50%{transform:translateY(-7px) rotate(-6deg)}}@media(min-width:1550px){.hero{padding-inline:max(5%,calc((100vw - 1450px)/2))}}@media(max-width:1100px){header{gap:20px}nav{gap:18px}.hero{min-height:620px;padding-top:35px}.hero-collage{min-height:520px}.hero h1{font-size:65px}.hero-bottom{font-size:9px}.favorites-grid{grid-template-columns:repeat(3,1fr);gap:40px}.favorite .photo{height:280px}.transition>span:first-child{display:none}.menu-section,.favorites,.experience,.gallery{padding-inline:5%}}@media(max-width:760px){html{scroll-padding-top:80px}header{height:78px;padding:9px 5%;gap:14px}.logo{width:95px;height:50px}.hamburger{display:block;background:none;border:0;color:var(--cream);font-size:25px;order:3;padding:5px}header .button{font-size:10px;padding:8px 15px;min-height:38px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--green);padding:22px 6%;flex-direction:column;border-bottom:1px solid var(--sage)}nav.open{display:flex}nav a{padding:8px}.hero{display:block;padding:30px 6% 25px;min-height:0}.hero-copy{padding-top:5px}.eyebrow{font-size:10px}.hero h1{font-size:64px;margin:22px 0}.intro{font-size:16px}.actions{gap:10px;margin-top:24px}.button{padding:12px 20px;min-height:50px;font-size:11px}.hero-bottom{margin-top:25px;font-size:9px}.hero-bottom i{padding:0 7px}.hero-collage{min-height:425px;max-width:500px;margin:32px auto 0}.hero-note{font-size:18px;padding:10px 17px}.mascot{width:100px;height:120px;left:-3%}.main-coffee{left:8%}.transition{padding:28px 6%;display:block;text-align:center}.transition p,.transition em{font-size:26px}.transition>.hand{font-size:20px;display:block;margin-top:12px}.section-heading{display:block;margin-bottom:25px}.section-heading>.hand{font-size:23px;margin-top:18px;transform:none}.menu-section{padding:60px 5%}.menu-tabs{overflow-x:auto;gap:22px;margin:25px 0}.menu-tabs a{white-space:nowrap;flex:none;font-size:12px}.menu-panel{padding-inline:18px}summary{gap:15px;padding:23px 0}.number{font-size:43px}summary h3{font-size:25px;max-width:220px}.toggle{flex-shrink:0;width:29px;height:29px;line-height:26px}.menu-body{display:flex;flex-direction:column;gap:30px;padding:0 0 30px}.product{font-size:15px}.product strong{font-size:12px}.menu-art .photo{height:260px;width:90%}.menu-art .hand{font-size:24px}.favorites{padding:55px 6% 65px}.favorites-grid{grid-template-columns:repeat(2,1fr);gap:28px 20px;margin-top:35px}.favorite .photo{height:200px}.favorite figcaption{font-size:16px}.favorite:nth-child(even){margin-top:20px}.experience{padding:65px 6%;grid-template-columns:1fr;gap:40px}.experience-art{height:380px}.experience h2{font-size:50px}.gallery{padding:55px 5%}.masonry{columns:2;column-gap:12px;margin-top:30px}.gallery-item{margin-bottom:12px}.gallery-item .photo{height:180px}.gallery-item:nth-child(3n+1) .photo{height:260px}.gallery-note{font-size:24px;padding:25px 0}.cta{padding:55px 6%;display:block;text-align:center}.cta .mascot{width:115px;height:135px;margin:0 auto 22px}.cta .actions{justify-content:center}.cta h2{font-size:43px}.location{padding:60px 6%;grid-template-columns:1fr;gap:35px}.location h2{font-size:46px}.location-art{height:290px}.instagram{padding:45px 5%}.insta-grid{grid-template-columns:repeat(3,1fr);gap:8px}.insta-grid .photo{height:140px}.insta-grid .photo:nth-child(n+4){display:none}footer{padding:45px 6% 80px}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:25px;gap:17px}.footer-bottom .hand{margin-top:16px}.floating{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* La libreta RUMÍ: listas sobre papel, fotos y pestañas. */
.notebook{background:var(--green);color:var(--cream);padding:80px 5%}.notebook-toolbar{display:flex;justify-content:space-between;align-items:center;margin:35px 0 24px;gap:20px}.notebook-toolbar .hand{font-size:20px;color:var(--beige)}.sound-control{background:transparent;color:var(--beige);border:1px solid var(--olive);border-radius:30px;padding:8px 15px;font-size:12px;cursor:pointer}.notebook .menu-tabs{border:0;margin:0 0 0 24px;gap:7px;position:relative;z-index:2}.menu-tabs button{font-family:'League Spartan';font-weight:700;font-size:14px;letter-spacing:.02em;text-transform:uppercase;padding:17px 22px;background:var(--ink);color:var(--beige);border:1px solid var(--olive);border-bottom:0;border-radius:9px 9px 0 0;cursor:pointer}.menu-tabs button[aria-selected=true]{background:var(--olive);color:var(--cream);transform:translateY(-3px)}.menu-tabs button span{color:inherit}.book-cover{position:relative;background:var(--green);border:9px solid var(--ink);border-radius:12px;box-shadow:0 25px 40px #22200c60,inset 0 0 45px #22200c50;overflow:hidden}.book-spine{position:absolute;top:0;bottom:0;left:50%;width:26px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#22200c60,transparent);z-index:3;pointer-events:none}.book-spine:after{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed #afa07670}.notebook .menu-panel{display:none;border:0;padding:0;color:var(--cream);background:none}.notebook .menu-panel.selected{display:block;animation:turn-page .35s ease-out}.notebook summary{display:none}.notebook .menu-body{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;min-height:650px}.menu-leaf{padding:30px}.leaf-title>span{font:800 40px/1 'League Spartan';color:var(--sage)}.leaf-title h3{font-size:32px;text-transform:uppercase;margin:6px 0 10px}.leaf-title .hand{font-size:22px;color:var(--beige);margin-bottom:24px}.notepad{background:var(--cream);color:var(--ink);border-left:5px solid var(--olive);border-radius:5px;padding:13px 22px;box-shadow:3px 7px 18px #22200c50}.notepad .product{padding:9px 0;border-bottom-style:dashed;font-size:15px}.notepad .product strong{font-size:13px}.menu-leaf .original{display:inline-block;margin-top:15px;color:var(--beige)}.photo-leaf{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:19px;padding:30px;min-height:600px}.quad-photo{position:relative;min-width:0;overflow:hidden;border-radius:5px;box-shadow:3px 7px 15px #22200c60;transition:transform .25s}.quad-photo:hover{transform:scale(1.025) rotate(1deg)}.quad-photo .photo{position:absolute;inset:0;width:100%;height:100%}.quad-photo .paper{position:absolute;top:15px;left:10px;right:auto;font-size:20px;padding:5px 15px;background:var(--beige);transform:rotate(-4deg);clip-path:polygon(1% 9%,97% 0,100% 94%,3% 100%)}.book-navigation{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:28px}.book-navigation button{background:var(--cream);color:var(--green);border:0;border-radius:30px;padding:11px 24px;font-size:13px;cursor:pointer}.book-navigation button:disabled{opacity:.35;cursor:default}.page-status{font-size:21px;text-align:center;min-width:220px}.notebook .menu-footnote{color:var(--beige);text-align:center;margin-top:28px}.transition{background-color:var(--cream)}.favorite:before{content:'';position:absolute;top:-9px;left:33%;width:65px;height:19px;background:#afa076aa;transform:rotate(5deg);z-index:2}.favorite .photo{border-radius:0;border:9px solid var(--cream)}.gallery-item{border:8px solid var(--cream);border-bottom-width:22px}.gallery-item:nth-child(2n){transform:rotate(1.5deg)}@keyframes turn-page{from{opacity:.5;transform:perspective(1800px) rotateY(-2deg)}to{opacity:1;transform:none}}@media(max-width:1100px){.menu-tabs button{padding:15px 13px;font-size:12px}.menu-leaf,.photo-leaf{padding:23px}.photo-leaf{gap:14px}.quad-photo .paper{font-size:17px;padding:5px 10px}.notepad{padding:12px 15px}.leaf-title h3{font-size:29px}}@media(max-width:760px){.notebook{padding:55px 5%}.notebook-toolbar{margin:25px 0 20px;align-items:flex-start}.notebook-toolbar .hand{font-size:19px;max-width:175px}.sound-control{font-size:11px;max-width:135px;padding:8px 10px}.notebook .menu-tabs{display:none}.book-cover{border:5px solid var(--ink);border-radius:8px;overflow:hidden}.book-spine{display:none}.notebook .menu-panel{display:block!important;border-bottom:1px solid var(--olive);padding:0 15px;animation:none}.notebook summary{display:flex;gap:12px}.notebook summary h3{font-size:25px;max-width:200px}.notebook .menu-body{display:block;min-height:0}.notebook details:not([open])>.menu-body{display:none}.menu-leaf{padding:0 0 23px}.leaf-title>span,.leaf-title h3{display:none}.leaf-title .hand{font-size:22px;margin-bottom:20px}.notepad{padding:10px 14px}.notepad .product{font-size:14px}.notepad .product strong{font-size:12px}.photo-leaf{padding:0 0 25px;min-height:0;height:400px;gap:12px}.quad-photo .paper{font-size:16px;left:5px;padding:5px 9px;top:9px}.book-navigation{display:none}.notebook .menu-footnote{font-size:11px}.favorite .photo{border-width:6px}}
.logo{filter:grayscale(1) contrast(4);mix-blend-mode:screen}
/* Un ratito más: el rincón de juego de RUMÍ. */
.play-invite{display:table;margin:30px auto 0;font:21px Kalam;color:var(--cream);text-underline-offset:7px}.rumi-play{background:var(--cream);padding:90px 7%;position:relative}.play-heading{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:40px}.play-heading h2{font-size:clamp(45px,5vw,74px);margin-top:15px}.play-heading h2 span{font:400 1em/1 Kalam}.play-heading>.hand{transform:rotate(-3deg)}.play-heading>div:last-child{max-width:400px}.play-heading>div:last-child p:last-child{font-size:15px;margin-top:16px}.play-shell{border:1px solid var(--sage);border-radius:16px;background:var(--green);padding:24px;color:var(--cream);box-shadow:9px 12px 0 var(--beige);position:relative}.play-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px}.play-modes{border:0;padding:0;margin:0;display:flex;gap:12px}.play-modes legend{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.play-modes label{position:relative;cursor:pointer}.play-modes input{position:absolute;left:10px;top:20px;accent-color:var(--green)}.play-modes label>span{display:block;padding:10px 16px 10px 33px;border:1px solid var(--olive);border-radius:7px;font-weight:700;font-size:14px}.play-modes small{display:block;font-size:11px;font-weight:400}.play-modes input:checked+span{background:var(--cream);color:var(--green);border-color:var(--cream)}.play-modes input:focus-visible+span{outline:2px solid var(--sage);outline-offset:4px}.play-modes input:disabled+span{cursor:default}.play-stats{display:flex;gap:30px;text-align:center}.play-stats span{display:block;font-size:10px;letter-spacing:.15em}.play-stats strong{display:block;font:700 42px/1.2 'League Spartan';min-width:64px}.play-stage{height:460px;position:relative;border-radius:8px;overflow:hidden;background-color:var(--cream);color:var(--green);background-image:radial-gradient(var(--beige) .8px,transparent .8px);background-size:14px 14px;touch-action:pan-y;isolation:isolate}.play-stage[data-state=playing]{touch-action:none}.play-stage:after{content:'';position:absolute;bottom:0;height:45px;width:100%;background:var(--beige);z-index:-1}.play-stage-note{position:absolute;right:25px;top:30px;font:25px/1.4 Kalam;transform:rotate(6deg);color:var(--olive);opacity:.6;text-align:center;pointer-events:none}.play-player{position:absolute;bottom:12px;left:50%;width:88px;transform:translateX(-50%);pointer-events:none;z-index:2}.play-player svg{display:block;width:88px;height:101px;border-radius:45%;filter:drop-shadow(0 4px 2px #22200c25)}.play-player>span{display:block;margin:-6px auto 0;position:relative;z-index:2;width:95px;transform:translateX(-3px);background:var(--green);color:var(--cream);border-radius:5px;text-align:center;font:700 11px/21px 'DM Sans';letter-spacing:.2em}.play-treat{position:absolute;width:62px;height:62px;transform:translate(-50%,-50%);border:4px solid var(--cream);border-radius:50%;overflow:hidden;box-shadow:0 3px 8px #22200c30;will-change:top,left}.play-treat svg{width:100%;height:100%;display:block}.play-drops{position:absolute;inset:0;pointer-events:none}.play-overlay{position:absolute;inset:0;background:#f4edd9eb;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;z-index:3;backdrop-filter:blur(2px)}.play-overlay[hidden]{display:none}.play-message{max-width:430px}.play-message h3{font-size:46px;margin:18px 0;line-height:1}.play-message p:not(.eyebrow){font-size:16px}.play-message .button{margin-top:25px;background:var(--green);color:var(--cream);border-color:var(--green);cursor:pointer}.play-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.play-direction,.play-actions{display:flex;gap:10px}.play-direction button{width:52px;height:48px;font-size:25px;border:1px solid var(--sage);background:var(--cream);color:var(--green);border-radius:7px;touch-action:none;cursor:pointer}.play-bottom p{font-size:12px;color:var(--beige);line-height:1.5}.play-actions button{background:transparent;color:var(--cream);border:1px solid var(--sage);padding:11px 17px;border-radius:5px;cursor:pointer;font-size:12px}.play-actions button:disabled{opacity:.4;cursor:default}.play-catch{position:absolute;top:66%;left:50%;color:var(--green);font:700 30px 'League Spartan';opacity:0;transform:translateX(-50%);pointer-events:none}.play-catch.visible{opacity:1}.play-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.play-footnote{text-align:center;font-size:22px;margin-top:32px}@media(max-width:900px){.play-top{align-items:flex-end}.play-modes{gap:7px}.play-modes label>span{padding-right:10px;font-size:12px}.play-modes small{font-size:10px}.play-stats{gap:10px}.play-heading{gap:25px}}@media(max-width:760px){.rumi-play{padding:60px 5%}.play-heading{display:block}.play-heading>div:last-child{margin-top:25px}.play-heading h2{font-size:54px}.play-heading>div:last-child .hand{font-size:23px}.play-shell{padding:13px;box-shadow:5px 7px 0 var(--beige)}.play-top{display:block;margin-bottom:12px}.play-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.play-modes label>span{font-size:12px;padding:9px 6px 9px 28px}.play-modes input{left:6px}.play-modes small{font-size:10px;line-height:1.5}.play-stats{justify-content:space-between;padding:14px 8px 0}.play-stats>div{display:flex;align-items:center;gap:12px}.play-stats strong{font-size:29px;min-width:38px}.play-stats span{font-size:9px}.play-stage{height:400px}.play-stage-note{font-size:20px;right:15px;top:22px}.play-player,.play-player svg{width:76px}.play-player svg{height:87px}.play-player>span{width:82px}.play-treat{width:52px;height:52px}.play-message h3{font-size:37px}.play-message p:not(.eyebrow){font-size:14px}.play-bottom{flex-wrap:wrap;gap:14px}.play-bottom>p{order:3;width:100%;text-align:center;font-size:11px}.play-bottom>p br{display:none}.play-actions{gap:7px}.play-actions button{padding:11px 10px;font-size:11px}.play-direction button{width:43px;height:45px}.play-footnote{font-size:20px}.play-invite{font-size:19px;text-align:center}}
/* Listas ilustradas, como la carta de referencia. */
.notepad.illustrated-list{list-style:none;margin:0;padding:7px 20px;border:0;border-radius:22px;background:var(--cream);box-shadow:2px 5px 16px #22200c30}.illustrated-product{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #847b5055;min-height:105px}.illustrated-product:last-child{border-bottom:0}.product-thumb{width:104px;height:78px;flex:0 0 104px;display:block;border-radius:12px;overflow:hidden}.product-thumb.brand-detail{padding:9px 26px;opacity:.8;background:transparent;border-radius:0}.product-copy{min-width:0}.product-copy h4{margin:0 0 5px;font:700 25px/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:var(--ink)}.product-copy p{margin:0;font:400 16px/1.35 Georgia,'Times New Roman',serif;color:var(--green)}.product-option{display:table;margin-top:8px;padding:4px 10px;border-radius:8px;background:var(--beige);font:500 12px/1.5 'DM Sans',sans-serif;color:var(--ink)}.menu-list-heading{font:700 13px/1.4 'DM Sans',sans-serif;letter-spacing:.12em;padding:23px 0 9px;color:var(--olive)}.menu-list-heading:first-child{padding-top:14px}.notebook .photo-leaf{align-self:start;height:650px;position:sticky;top:110px}.notebook .menu-body{align-items:start}@media(max-width:1100px){.notepad.illustrated-list{padding:6px 14px}.illustrated-product{gap:12px}.product-thumb{width:85px;flex-basis:85px;height:76px}.product-copy h4{font-size:23px}.product-copy p{font-size:15px}.product-thumb.brand-detail{padding-inline:20px}}@media(max-width:760px){.notepad.illustrated-list{padding:5px 11px;border-radius:17px}.illustrated-product{gap:12px;padding:14px 0;min-height:100px}.product-thumb{width:80px;flex-basis:80px;height:76px;border-radius:10px}.product-copy h4{font-size:23px;line-height:1.12}.product-copy p{font-size:15px;line-height:1.4}.product-option{font-size:11px;padding:4px 8px}.notebook .photo-leaf{height:400px;position:static;min-height:0}.product-thumb.brand-detail{padding-inline:19px}}
/* Dos páginas equilibradas, independientemente del largo de la carta. */
.illustrated-product[hidden],.menu-list-heading[hidden],.list-pagination[hidden]{display:none!important}.list-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;flex-shrink:0}.list-pagination button{border:1px solid var(--sage);border-radius:20px;background:transparent;color:var(--cream);padding:8px 14px;font:500 12px/1.4 'DM Sans';cursor:pointer;min-height:38px}.list-pagination button:disabled{opacity:.35;cursor:default}.list-pagination span{font:400 18px Kalam;color:var(--beige);white-space:nowrap}@media(min-width:761px){.notebook .menu-body{height:740px;min-height:0;align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.notebook .menu-leaf{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.notebook .leaf-title{flex-shrink:0}.notebook .leaf-title .hand{margin-bottom:20px}.notebook .illustrated-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sage) var(--cream)}.notebook .illustrated-product{min-height:104px;padding:12px 0}.notebook .photo-leaf{height:100%;min-height:0;align-self:stretch;position:static;top:auto;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.notebook .quad-photo{min-height:0}.notebook .product-copy h4{font-size:24px}.notebook .product-copy p{font-size:16px}.notebook .menu-list-heading{padding:14px 0 5px}}@media(min-width:761px) and (max-width:1000px){.notebook .menu-body{height:760px}.notebook .menu-leaf,.notebook .photo-leaf{padding:20px}.notebook .product-thumb{width:76px;flex-basis:76px;height:72px}.notebook .product-copy h4{font-size:21px}.notebook .product-copy p{font-size:15px}.notebook .illustrated-product{gap:10px}.notebook .leaf-title .hand{font-size:20px}}@media(max-width:760px){.notebook .menu-body{height:auto;min-height:0}.notebook .menu-leaf{height:auto;overflow:visible}.notebook .illustrated-list{max-height:none;overflow:visible}.notebook .photo-leaf{position:static;height:400px;min-height:0}.list-pagination{display:none}}
/* Menú móvil inspirado en la carta de bolsillo RUMÍ. */
.mobile-menu{display:none}.desktop-selection{border:1px solid var(--sage);border-radius:30px;background:var(--cream);color:var(--green);padding:9px 16px;font:600 13px 'DM Sans';cursor:pointer}.selection-count{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background:var(--green);color:var(--cream);font-size:11px;margin-left:5px}.notebook .illustrated-product[role=button]{cursor:pointer}.notebook .illustrated-product[role=button]:hover{background:#d2c5ac40}.notebook .illustrated-product:focus-visible{outline:2px solid var(--olive);outline-offset:2px}.menu-dialog{border:0;padding:0;width:min(520px,94vw);max-height:90svh;border-radius:22px;background:var(--cream);color:var(--ink);box-shadow:0 20px 80px #22200c80;overflow-y:auto;overscroll-behavior:contain}.menu-dialog::backdrop{background:#22200caa;backdrop-filter:blur(4px)}.menu-dialog-content{position:relative}.dialog-back,.selection-close{position:absolute;top:14px;left:14px;width:44px;height:44px;border:0;border-radius:50%;background:var(--cream);color:var(--green);font:32px/1 'DM Sans';z-index:3;cursor:pointer}.detail-photo{height:300px;background:var(--beige);overflow:hidden}.detail-photo svg{width:100%;height:100%;display:block;border-radius:0;padding:0}.detail-photo .brand-detail{padding:50px;background:var(--cream)}.detail-paper{position:relative;margin-top:-24px;background:var(--cream);border-radius:40px 28px 0 0;padding:28px}.detail-paper h3,.selection-paper h3{font:700 31px/1.05 'League Spartan';letter-spacing:-.025em;margin:12px 0}.detail-paper>p{font-size:16px;line-height:1.5}.detail-options{border:0;padding:0;display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 20px}.detail-options legend{font-weight:700;margin-bottom:10px}.detail-options label{padding:9px 15px;background:#d2c5ac60;border-radius:25px;font-size:14px}.detail-options input{accent-color:var(--green)}.detail-note{display:block;font-weight:700;margin-top:22px}.detail-note textarea{resize:vertical;width:100%;display:block;border:1px solid var(--beige);padding:12px;font:14px/1.5 'DM Sans';border-radius:13px;background:#f1f0ef70;color:var(--ink);margin-top:9px}.detail-paper .detail-availability{font-size:13px;color:var(--olive);margin:16px 0}.detail-add{width:100%;padding:15px;border:0;border-radius:24px;background:var(--green);color:var(--cream);font:700 15px 'DM Sans';cursor:pointer}.detail-paper .detail-hint,.detail-hint{font-size:12px;line-height:1.5;color:var(--olive);text-align:center;margin:12px 0 0}.selection-paper{padding:65px 28px 28px}.selection-close{left:auto;right:14px}.selection-paper>p{font-size:14px;line-height:1.6}.selection-items{margin:24px 0}.selection-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--beige);padding:15px 0}.selection-row small{display:block;font-size:13px;overflow-wrap:anywhere}.selection-row button{border:0;background:transparent;color:var(--green);text-decoration:underline;cursor:pointer;padding:10px;font-size:12px}.selection-items>.hand{padding:25px 0;font-size:25px}.menu-dialog button:focus-visible{outline:3px solid var(--sage);outline-offset:3px}@media(max-width:760px){#menu.notebook{padding:0;background:var(--cream);color:var(--ink);scroll-margin-top:78px}#menu.notebook>.section-heading,#menu.notebook>.notebook-toolbar,#menu.notebook>.menu-tabs,#menu.notebook>.book-cover,#menu.notebook>.book-navigation,#menu.notebook>.play-invite,#menu.notebook>.menu-footnote{display:none}.mobile-menu{display:flex;flex-direction:column;height:calc(100svh - 78px);min-height:660px;max-height:920px;background:var(--cream);isolation:isolate;overflow:hidden}.mobile-menu-view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.menu-home-photo{height:38%;min-height:205px;position:relative;overflow:hidden;background:var(--green)}.menu-home-photo>svg{width:100%;height:100%;display:block;object-fit:cover}.menu-home-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#22200c65,transparent 70%);pointer-events:none}.menu-home-logo{position:absolute;top:18px;right:20px;z-index:1;padding:12px 18px 22px;background:var(--green);border-radius:0 0 45% 40%;transform:rotate(4deg)}.menu-home-logo .logo{width:135px;height:70px}.menu-home-photo>.hand{position:absolute;top:30px;left:24px;font-size:27px;line-height:1.15;color:var(--cream);transform:rotate(-8deg);z-index:1}.menu-home-paper{flex:1;position:relative;background:#d2c5ac70;margin-top:-20px;padding:20px 20px 15px;border-radius:48% 25% 0 0 / 32px 22px 0 0;display:flex;flex-direction:column;min-height:0}.menu-home-paper h2{font:400 33px/1.05 Kalam;text-align:center;margin:0 0 12px;letter-spacing:-.025em}.mobile-category-buttons{display:grid;gap:7px;flex:1;min-height:0}.mobile-category-buttons button{display:flex;align-items:center;gap:17px;padding:6px 16px;background:var(--cream);color:var(--ink);border:0;border-radius:20px;font:700 16px 'DM Sans';cursor:pointer;text-align:left;min-height:45px}.mobile-category-buttons button>span:last-child{margin-left:auto;font:27px/1 'DM Sans';font-weight:400}.category-icon{width:36px;height:36px;flex:0 0 36px;filter:grayscale(1) contrast(3) invert(1);mix-blend-mode:multiply}.menu-dock{display:flex;position:static;flex-direction:row;align-items:center;justify-content:space-around;flex-shrink:0;background:var(--cream);color:var(--ink);padding:7px 6px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--beige);gap:0}.menu-dock button,.menu-dock a{border:0;background:none;color:inherit;font:11px/1.3 'DM Sans';text-decoration:none;text-transform:none;letter-spacing:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px 10px;cursor:pointer;position:relative;min-height:45px}.menu-dock span{font:27px/1 Georgia}.menu-dock .selection-count{position:absolute;top:0;right:1px;font-size:10px;min-width:17px;height:17px}.mobile-category-top{height:190px;flex-shrink:0;position:relative;background:var(--green);overflow:hidden}.mobile-category-top>svg{position:absolute;right:0;top:0;width:60%;height:100%;opacity:.9}.mobile-category-top:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--green),transparent);pointer-events:none}.mobile-category-bar{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;padding:10px 15px;color:var(--cream);background:#22200c55;gap:12px}.mobile-category-bar h3{font:700 23px 'League Spartan';letter-spacing:-.02em}.mobile-category-bar button{border:0;background:none;color:var(--cream);font:32px/1 'DM Sans';width:40px;height:40px;cursor:pointer}.mobile-category-top>.hand{position:absolute;bottom:0;left:0;width:73%;padding:17px 25px 22px;background:var(--cream);border-radius:38% 60% 0 0 / 20px 40px 0 0;font-size:24px;line-height:1.05;z-index:2;color:var(--green)}.mobile-category-paper{display:flex;flex-direction:column;min-height:0;flex:1;background:linear-gradient(135deg,var(--cream),#d2c5ac55);padding:10px 13px 0}.mobile-search{font-size:12px;margin-bottom:10px}.mobile-search[hidden]{display:none}.mobile-search input{width:100%;display:block;margin-top:4px;font:16px 'DM Sans';padding:11px;border:1px solid var(--beige);background:var(--cream);color:var(--ink);border-radius:12px}.mobile-filters{display:flex;gap:6px;overflow-x:auto;flex-shrink:0;padding:0 0 10px}.mobile-filters button{font:12px 'DM Sans';border:1px solid var(--beige);border-radius:22px;padding:9px 13px;background:var(--cream);color:var(--ink);white-space:nowrap;cursor:pointer}.mobile-filters button[aria-pressed=true]{background:var(--green);color:var(--cream);border-color:var(--green)}.mobile-products{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 0 15px;scrollbar-width:thin;scrollbar-color:var(--sage) transparent}.mobile-product{display:flex;align-items:center;width:100%;gap:13px;padding:0 13px 0 0;margin-bottom:9px;border:0;border-radius:18px;overflow:hidden;background:#f4edd9;color:var(--ink);text-align:left;min-height:96px;cursor:pointer}.mobile-product>svg{width:91px;height:99px;flex:0 0 91px;border-radius:13px;display:block;padding:0}.mobile-product>svg.brand-detail{padding:14px 27px}.mobile-product>span:not(.product-chevron){flex:1;min-width:0;padding:10px 0}.mobile-product strong{font:700 19px/1.1 'League Spartan';letter-spacing:-.02em;display:block}.mobile-product small{display:block;font:13px/1.3 'DM Sans';margin-top:5px;color:var(--green)}.mobile-product em{font:11px/1.2 'DM Sans';display:block;margin-top:6px;color:var(--olive)}.product-chevron{font:26px 'DM Sans';flex-shrink:0}.mobile-empty{padding:30px 15px;text-align:center;font-size:15px}.menu-dialog{width:100%;max-width:480px;max-height:calc(100svh - 24px);border-radius:25px}.detail-photo{height:280px}.detail-paper{padding:25px 23px}.detail-paper h3{font-size:29px}.notebook .notebook-toolbar .desktop-selection{display:none}}@media(max-width:370px){.mobile-home-paper{padding-inline:14px}.mobile-product>svg{width:78px;flex-basis:78px}.mobile-product{gap:10px}.mobile-product strong{font-size:18px}.menu-home-paper h2{font-size:29px}.mobile-category-buttons button{font-size:15px}.menu-home-logo .logo{width:115px;height:61px}}
@media(max-width:760px){.category-icon{filter:none;mix-blend-mode:multiply}.menu-home-photo>.hand{width:145px;font-size:24px;top:30px;left:22px;line-height:1.08}.menu-home-logo{right:12px;padding:10px 12px 18px}.menu-home-logo .logo{width:108px;height:58px}}
/* Lista continua y personalización del sabor. */
.list-scroll-hint{display:flex;justify-content:space-between;gap:12px;flex-shrink:0;font-size:12px;line-height:1.4;color:var(--beige);margin:0 0 12px}.list-scroll-hint span:last-child{text-align:right}.notebook .illustrated-list{scrollbar-width:auto;scrollbar-color:var(--olive) var(--cream)}.notebook .illustrated-list::-webkit-scrollbar{width:9px}.notebook .illustrated-list::-webkit-scrollbar-thumb{background:var(--olive);border:2px solid var(--cream);border-radius:10px}.notebook .illustrated-list::-webkit-scrollbar-track{background:var(--cream)}.list-pagination{display:none!important}.flavor-options{padding:0;border:0;margin:20px 0}.flavor-options[hidden]{display:none}.flavor-options legend{font-weight:700;margin-bottom:10px}.flavor-choices{display:flex;gap:8px;flex-wrap:wrap}.flavor-choices label{font-size:13px;padding:9px 12px;background:#d2c5ac60;border-radius:24px}.flavor-choices input{accent-color:var(--green)}.flavor-options p{font-size:12px;color:var(--olive);margin-top:10px}.instagram h2 a{text-decoration:none;font-size:clamp(26px,5vw,55px);overflow-wrap:anywhere}.social-icon{text-decoration:none}.contact-fields dd{height:auto;min-height:25px}.rumi-leaderboard{margin-top:55px;border-top:1px solid var(--beige);padding-top:38px}.leaderboard-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.leaderboard-heading h3{font-size:38px;margin:12px 0}.leaderboard-heading p:not(.eyebrow){font-size:14px}.leaderboard-heading button,#save-score{background:var(--green);color:var(--cream);border:0;padding:12px 20px;border-radius:24px;font:600 14px 'DM Sans';cursor:pointer}.rumi-leaderboard button:disabled{opacity:.5;cursor:default}#leaderboard-status{font-size:14px;margin:22px 0;color:var(--olive)}#leaderboard-list{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;counter-reset:ranking}#leaderboard-list li{display:flex;align-items:center;gap:14px;padding:15px 18px;background:#d2c5ac55;border-radius:12px;counter-increment:ranking}#leaderboard-list li:before{content:counter(ranking,decimal-leading-zero);font:700 25px 'League Spartan';color:var(--olive)}#leaderboard-list li strong{margin-left:auto;white-space:nowrap}#score-form{background:var(--green);color:var(--cream);border-radius:18px;padding:28px;margin:25px 0}#score-form[hidden]{display:none}#score-form h4{font:700 28px 'League Spartan';margin:0 0 18px}#score-form label{display:block;font-size:14px}#player-name{display:block;width:min(100%,430px);border:1px solid var(--beige);border-radius:10px;padding:12px;font:16px 'DM Sans';background:var(--cream);color:var(--ink);margin-top:8px}#name-help,.leaderboard-note{font-size:12px;line-height:1.6;margin-top:12px;max-width:720px}#safe-aliases{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}#safe-aliases button{padding:8px 12px;border:1px solid var(--sage);background:transparent;color:var(--cream);border-radius:20px;font-size:12px;cursor:pointer}#score-error{font-size:14px;color:var(--cream);margin:14px 0}#save-score{background:var(--cream);color:var(--green)}.leaderboard-note{color:var(--olive)}@media(max-width:760px){.leaderboard-heading{display:block}.leaderboard-heading button{margin-top:16px}.leaderboard-heading h3{font-size:32px}#leaderboard-list{grid-template-columns:1fr}#score-form{padding:22px 18px}.list-scroll-hint{display:none}}