.cafe{color:#2a1810;background:#fdf5ec;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:clip}.cafe .titular{font-optical-sizing:auto;font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:400}.cafe em{font-style:italic}.cafe .etiqueta-seccion{letter-spacing:.18em;text-transform:uppercase;color:#c85a1d;font-size:.75rem;font-weight:600}.cafe .cabecera{transition:background-color .3s,box-shadow .3s}.cafe .cabecera[data-scrolled=true]{backdrop-filter:blur(12px);background:#fdf5ecd9;box-shadow:0 1px #3b241814}.cafe .cta{min-height:2.75rem;transition:background-color .25s, color .25s, box-shadow .3s, transform .3s var(--ease-soft);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.cafe .cta:hover{transform:translateY(-2px)}.cafe .cta:active{transform:translateY(0)scale(.98)}.cafe .cta-naranja{color:#fff;background:#d9621f;box-shadow:0 10px 24px -12px #d9621fcc}.cafe .cta-naranja:hover{background:#c85a1d;box-shadow:0 16px 30px -12px #d9621fd9}.cafe .cta-oscuro{color:#fbeee0;background:#3b2418}.cafe .cta-oscuro:hover{box-shadow:0 14px 30px -14px #3b2418cc}.cafe .cta-borde{color:#2a1810;border:1px solid #3b241833}.cafe .cta-borde:hover{background:#fff;border-color:#3b241866}.cafe .cta-claro{color:#2a1810;background:#fbeee0}.cafe .cta-claro:hover{background:#fff}.cafe .enlace{transition:color .2s;position:relative}.cafe .enlace:hover{color:#2a1810}.cafe .enlace:after{content:"";transform-origin:100%;height:1.5px;transition:transform .35s var(--ease-soft);background:#e9772f;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.cafe .enlace:hover:after{transform-origin:0;transform:scaleX(1)}.js .cafe [data-reveal=izq]:not(.is-visible){transform:translate(-36px)}.js .cafe [data-reveal=der]:not(.is-visible){transform:translate(36px)}.cafe .hero{background:radial-gradient(60% 50% at 50% 55%,#f6a66047,#0000 70%),#fdf5ec}.cafe .brillo{background:linear-gradient(100deg,#e9772f 0%,#f4a764 35%,#fde1c2 50%,#f4a764 65%,#e9772f 100%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.08em;animation:5s ease-in-out 1s infinite brillo}@keyframes brillo{0%{background-position:100% 0}60%,to{background-position:0 0}}.cafe .grano-flota{translate:var(--px,0) var(--py,0);transition:translate .6s var(--ease-soft)}.cafe .grano-flota svg{filter:drop-shadow(0 14px 14px #2a181040);animation:6s ease-in-out infinite flotar;animation-delay:calc(var(--i) * -1.1s)}@keyframes flotar{50%{translate:0 -14px}}.cafe .taza-wrap{place-items:center;display:grid}.cafe .halo{background:radial-gradient(circle,#f49e568c,#f49e5600 65%);border-radius:999px;animation:5s ease-in-out infinite latir;position:absolute;inset:-18%}@keyframes latir{50%{opacity:.8;transform:scale(1.08)}}.cafe .taza{animation:80s linear infinite girar;box-shadow:0 0 0 10px #ffffff8c,0 50px 80px -30px #3b24188c}@keyframes girar{to{rotate:360deg}}.cafe .vapor{gap:14px;display:flex;position:absolute;top:-6%}.cafe .vapor i{filter:blur(3px);opacity:0;background:linear-gradient(#0000,#ffffffb3);border-radius:999px;width:6px;height:54px;animation:3.6s ease-in-out infinite vapor}.cafe .vapor i:nth-child(2){height:70px;animation-delay:1.2s}.cafe .vapor i:nth-child(3){animation-delay:2.4s}@keyframes vapor{0%{opacity:0;transform:translateY(20px)scaleX(1)}40%{opacity:.9}to{opacity:0;transform:translateY(-40px)scaleX(2.2)skew(10deg)}}.cafe .raton{border:1.5px solid #c4ae9b;border-radius:999px;justify-items:center;width:22px;height:34px;padding-top:6px;display:grid}.cafe .raton i{background:#e9772f;border-radius:999px;width:3px;height:7px;animation:1.8s ease-in-out infinite rueda}@keyframes rueda{0%{opacity:0;transform:translateY(-2px)}30%{opacity:1}to{opacity:0;transform:translateY(10px)}}.cafe .sello{animation:4s ease-in-out infinite balanceo;rotate:-8deg}@keyframes balanceo{50%{translate:0 -4px;rotate:4deg}}.cafe .arco{clip-path:inset(0 round 999px 999px 32px 32px)}.cafe .arco img{scale:1.2;translate:0 var(--py,0)}.cafe .destacado .foto img{transition:transform .9s var(--ease-soft)}.cafe .destacado:hover .foto img{transform:scale(1.06)}.cafe .pedir svg{transition:transform .3s var(--ease-soft)}.cafe .pedir:hover svg{transform:translate(4px)}.cafe .filtro{color:#6b5446;border-radius:999px;min-height:2.5rem;padding:0 1.1rem;font-size:14px;font-weight:500;transition:background-color .3s,color .3s,box-shadow .3s}.cafe .filtro:hover{color:#2a1810}.cafe .filtro[aria-pressed=true]{color:#c85a1d;background:#fff;box-shadow:0 6px 16px -10px #3b241880}.cafe .puntos{border-bottom:1.5px dotted #3b241840;transform:translateY(-4px)}.cafe .tarjeta-menu:not([hidden]){animation:aparece .5s var(--ease-soft) both;animation-delay:calc(var(--i,0) * 40ms)}@keyframes aparece{0%{opacity:0;transform:translateY(10px)}}.cafe .burbuja{animation:5s ease-in-out infinite flotar;animation-delay:calc(var(--i) * -.9s);transition:transform .4s var(--ease-soft)}.cafe .burbuja:hover{transform:scale(1.07)rotate(-3deg)}.cafe .subrayado path{stroke-dasharray:320;stroke-dashoffset:320px;transition:stroke-dashoffset 1.1s var(--ease-soft) .4s}.cafe .is-visible .subrayado path,html:not(.js) .cafe .subrayado path{stroke-dashoffset:0}.cafe .resena{transition:transform .4s var(--ease-soft), box-shadow .4s}.cafe .resena:hover{transform:translateY(-6px)rotate(-.6deg);box-shadow:0 30px 50px -35px #3b241899}.cafe .estado{color:#2a1810;background:#3b241812}.cafe .estado[data-abierto=true]{color:#3f4a27;background:#8a9f5b2e}.cafe .estado[data-abierto=true] .punto{background:#6b7f3e;animation:1.8s ease-out infinite onda;box-shadow:0 0 #6b7f3e80}.cafe .estado[data-abierto=false] .punto{background:#c85a1d}@keyframes onda{to{box-shadow:0 0 0 8px #6b7f3e00}}.cafe .mapa{transition:rotate .6s var(--ease-soft);rotate:1.5deg}.cafe .mapa:hover{rotate:0deg}.cafe .pulso{animation:2.2s ease-out infinite pulso}@keyframes pulso{0%{opacity:1;scale:.4}to{opacity:0;scale:1.6}}.cafe .campo{color:#2a1810;background:#fdf8f2;border:1px solid #3b241824;border-radius:1rem;outline:none;width:100%;height:3rem;padding:0 1rem;font-size:15px;transition:border-color .2s,box-shadow .2s}.cafe .campo::placeholder{color:#9b8574}.cafe .campo:focus{border-color:#d9621f;box-shadow:0 0 0 4px #e9772f2e}.cafe .personas span{cursor:pointer;width:2.75rem;height:2.75rem;transition:background-color .25s, color .25s, transform .25s var(--ease-soft);background:#fdf8f2;border:1px solid #3b241824;border-radius:999px;place-items:center;font-weight:500;display:grid}.cafe .personas:hover span{transform:translateY(-2px)}.cafe .personas input:checked+span{color:#fbeee0;background:#3b2418;border-color:#3b2418}.cafe .personas input:focus-visible+span{outline-offset:2px;outline:2px solid #d9621f}.cafe .blob{border-radius:62% 38% 46% 54%/55% 48% 52% 45%;animation:12s ease-in-out infinite blob}@keyframes blob{50%{border-radius:42% 58% 60% 40%/45% 58% 42% 55%}}
