@import url('/src/sala-v16/style.css');
@import url('/src/taller-v17/style.css');
#scene{cursor:default}#scene.portal{cursor:pointer}
#welcome{width:295px}#welcome select{margin-top:10px}#menu{width:330px}
#navigation{position:fixed;right:24px;top:24px;display:flex;gap:8px}
#navigation button{position:static;background:#f7eddbef;border:0;font-size:12px;padding:11px 15px}
body.travel #navigation,body.travel #motion{opacity:0;pointer-events:none}
#navigation,#motion{transition:opacity .25s}
#menu.patio{left:28px;top:24px;bottom:auto;max-height:40vh}
#hint{bottom:18px}#menu .presentation{display:block;margin-top:14px;font-size:12px;color:inherit}
#menu h1{font-size:34px}#menu .description{font:italic 18px/1.5 Georgia}
#menu .room-choice{margin-top:18px}#menu details{margin:18px 0}
/* Recibidor: selector de categorías sobre el mueble; escritorio. */
#welcome{position:fixed;left:50%;top:70%;bottom:auto;transform:translateX(-50%);width:min(880px,72vw);padding:0;background:none;box-shadow:none;transition:opacity .35s;z-index:3}
#welcome[hidden]{display:none}
#category-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 108px repeat(3,minmax(0,1fr));align-items:center;min-height:100px;padding:10px 13px;background:rgba(255,246,229,.94);border:1px solid #fff5df99;box-shadow:0 8px 25px #39240b18;color:#502808}
#category-dock .category-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:72px;padding:8px 4px;border:0;font-size:12px;line-height:1.3;transition:background .2s,color .2s}
#category-dock .category-link:hover{background:#5028080c;color:#006348}
#category-dock .icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
#welcome .dock-logo{width:88px;height:78px;object-fit:contain;margin:0 auto;padding:0 8px}
#welcome #enter{display:flex;justify-content:center;align-items:center;gap:10px;width:max-content;margin:17px auto 0;padding:9px 15px;border:0;background:#fff4dfed;color:#502808;font-size:12px;letter-spacing:.025em}
.scroll-invitation svg{width:19px;height:28px;fill:none;stroke:currentColor;stroke-width:1.2}
.scroll-invitation .wheel{animation:scroll-cue 2.4s ease-in-out infinite}
@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(3px);opacity:1}}
body.at-home #hint{display:none}
body.travel #welcome{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.scroll-invitation .wheel{animation:none}}
#welcome #enter{background:transparent;border:1px solid #fff4dfc9;border-radius:999px;color:#fff8eb;text-shadow:0 1px 4px #39240b;padding:9px 17px}
#portal-cue{position:fixed;z-index:2;transform:translate(-50%,-50%);border:0;background:transparent;padding:18px;color:#fff8eb;filter:drop-shadow(0 2px 3px #33200db3)}
#portal-cue[hidden]{display:none}
#portal-cue svg{display:block;width:31px;height:43px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;animation:hand-rise 3.6s ease-in-out infinite}
#portal-cue:hover{color:#fff}#portal-cue:focus-visible{outline:1px solid #fff4df;border-radius:50%}
@keyframes hand-rise{0%,20%,100%{transform:translateY(5px);opacity:.55}50%,65%{transform:translateY(-7px);opacity:1}}
body.travel #portal-cue{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){#portal-cue svg{animation:none}}
#menu.hot-menu{width:min(660px,46vw);padding:24px;background:#fff5e5f5;border:1px solid #fff5dfaa;border-radius:12px;color:#502808;overflow:hidden}
.hot-header{display:flex;align-items:center;gap:25px;margin-bottom:22px}.hot-header img{width:75px;height:80px;object-fit:contain}.hot-header>span{font-size:11px;letter-spacing:.17em}
.hot-columns{display:grid;grid-template-columns:44% 56%;height:calc(100% - 102px)}
.drink-list{padding-right:16px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.list-heading{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:600;margin:0 0 15px}.list-heading small{font-size:10px;font-weight:400}
.drink-list button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;border:0;border-bottom:1px solid #50280820;padding:12px 8px;font-size:12px;line-height:1.3;border-radius:3px}
.drink-list button[aria-pressed=true]{background:#006348;color:#fff5e5}.drink-list button:hover:not([aria-pressed=true]){background:#5028080a}
.drink-detail{border-left:1px solid #50280825;padding-left:22px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
#menu.hot-menu .drink-detail>.eyebrow{display:none}#menu.hot-menu h1{font-family:Arial,sans-serif;font-size:29px;font-weight:600;margin:0 0 12px}#menu.hot-menu .description{font:15px/1.5 Arial,sans-serif;margin-bottom:22px}
#menu.hot-menu summary{font:17px Arial,sans-serif;list-style:none;display:flex;justify-content:space-between;align-items:center}#menu.hot-menu details[open] summary span{transform:rotate(45deg)}
#menu.hot-menu .price{font:23px Arial,sans-serif}#menu.hot-menu .serving{flex-wrap:wrap}#menu.hot-menu p{font-size:12px;line-height:1.65}
#menu.hot-menu .sensor{grid-template-columns:50px 1fr 30px;font-size:10px}
/* Patio: ficha a la derecha para liberar la bebida del primer plano izquierdo. */
#menu.patio.hot-menu{left:auto;right:28px;top:28px;bottom:28px;max-height:none}
body.at-patio #navigation{right:auto;left:24px}
body.at-patio #motion{right:auto;left:24px}
#menu.sobremesa.hot-menu{width:min(570px,40vw)}
/* Tipografías oficiales suministradas por la marca; compartidas por las siete estancias. */
@font-face{font-family:'Tlalkha Geometr212';src:url('/recorrido-v19/fonts/Geometr212-BookCondensed.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Tlalkha Geometr212';src:url('/recorrido-v19/fonts/Geometr212-HeavyCondensed.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Tlalkha Geometr415';src:url('/recorrido-v19/fonts/Geometr415-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
html body,body button,body select,body input,body textarea,
#menu.hot-menu .description,#menu.hot-menu summary,#menu.hot-menu .price,
#menu .price small,#hint,#loading{font-family:'Tlalkha Geometr212',sans-serif;font-style:normal;font-synthesis:none}
#menu.hot-menu h1,body h1{font-family:'Tlalkha Geometr415',sans-serif;font-weight:900;font-style:normal;font-synthesis:none}
.list-heading{font-weight:700}
#menu.hot-menu p,.drink-list button,#category-dock .category-link{font-size:15px}
#menu.hot-menu h1{font-size:27px;line-height:1.15}
#menu.hot-menu .description{font-size:17px}
#menu.hot-menu summary{font-size:20px}
#navigation button,#welcome #enter,body select{font-size:15px}
body select option{font-family:'Tlalkha Geometr212',sans-serif}
/* Mismo verde del selector de bebidas en tamaños y perfil sensorial. */
#menu .sizes button{border-color:#006348;color:#006348}
#menu .sizes button[aria-pressed=true]{background:#006348;border-color:#006348;color:#fff5e5}
#menu meter{accent-color:#006348}
#menu meter::-webkit-meter-optimum-value,#menu meter::-webkit-meter-suboptimum-value,#menu meter::-webkit-meter-even-less-good-value{background:#006348}
#menu meter::-moz-meter-bar{background:#006348}
#welcome #welcome-title{position:absolute;bottom:100%;left:0;width:100%;margin:0 0 22px;text-align:center;font-family:'Tlalkha Geometr415',sans-serif;font-weight:900;font-size:clamp(24px,2.2vw,36px);line-height:1.15;color:#fff5e5;text-shadow:0 2px 7px #39240b80;pointer-events:none}

/* Temperature availability confirmed by owner, November 2026. */
#menu .temperature-options{display:flex;gap:18px;align-items:center;margin:10px 0 17px;color:#006348}#menu .temperature-option{display:inline-flex;align-items:center;gap:6px;font-size:15px;line-height:1.2}#menu .temperature-option svg{width:25px;height:25px;flex-shrink:0}

#menu .method-bars{margin:20px 0;min-width:0}#menu .method-bar{margin:0 0 18px}#menu .method-bar>div{display:flex;justify-content:space-between;gap:12px;font-size:16px;margin-bottom:7px}#menu .method-bar meter{display:block;width:100%;height:8px;border:0;border-radius:6px;background:#deddd4}#menu .method-bar meter::-webkit-meter-bar{background:#deddd4;border:0;border-radius:6px}#menu .method-bar meter::-webkit-meter-optimum-value{background:#006348;border-radius:6px}#menu .method-bar meter::-moz-meter-bar{background:#006348;border-radius:6px}#menu .drink-detail{min-width:0;overflow-x:hidden}

#portal-cue{z-index:4;cursor:pointer}#portal-cue svg{animation:hand-tap 3s ease-in-out infinite}#portal-cue .tap-ring{opacity:0;transform-origin:17px 17px;animation:tap-ripple 3s ease-out infinite}#portal-cue .tap-ring-two{animation-delay:.42s}@keyframes hand-tap{0%,32%,100%{transform:translateY(0)}12%,26%{transform:translateY(4px)}19%{transform:translateY(0)}}@keyframes tap-ripple{0%,8%{opacity:0;transform:scale(.3)}12%{opacity:.85}30%,100%{opacity:0;transform:scale(1.6)}}#portal-cue.still svg,#portal-cue.still .tap-ring{animation:none}@media(prefers-reduced-motion:reduce){#portal-cue svg,#portal-cue .tap-ring{animation:none}}

/* Whole painting is an independent hit area, unaffected by the selected drink. */
#portal-target{position:fixed;z-index:1;border:0;padding:0;margin:0;background:transparent;cursor:pointer}
#portal-target[hidden]{display:none}

#menu,#navigation{z-index:3}
#portal-cue{z-index:2}


#portal-cue{z-index:4;padding:8px}