/* Mon Mallorca Host · mejoras de la guía (oct. 2026) */

/* cabecera compacta: idioma en un botón */
.app-header{position:sticky;flex-wrap:nowrap!important;align-items:center!important;min-height:64px!important;padding-top:.55rem!important;padding-bottom:.55rem!important}
.lang-toggle{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;min-height:44px;padding:0 .8rem;border:1px solid var(--line);border-radius:999px;background:#fffdf8;color:var(--ink);font:600 .875rem/1 Manrope,sans-serif;cursor:pointer}
.lang-toggle svg{width:18px;height:18px}
.lang-toggle .chev{font-size:.7rem;opacity:.7}
.lang-toggle:hover{background:#e4eae2}
.app-header{overflow:visible}
.languages.lang-pop{display:none!important;position:absolute;right:.8rem;top:calc(100% - 4px);z-index:50;width:auto!important;flex-direction:column;gap:.15rem;padding:.35rem;background:#fffdf8!important;border:1px solid var(--line);border-radius:1rem;box-shadow:0 14px 40px #12304226}
.app-header.lang-open .languages.lang-pop{display:flex!important}
.languages.lang-pop .lang{flex:none!important;min-width:5.5rem;min-height:44px;text-align:left;padding:0 1rem}
.review-banner{padding-top:.4rem!important;padding-bottom:.4rem!important}

/* botón de Mon: solo el icono */
.mon-launch.mon-compact{width:56px;height:56px;min-height:0;padding:0;justify-content:center;border-radius:50%;right:16px}
.mon-launch.mon-compact span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:760px){.mon-launch.mon-compact{bottom:calc(var(--nav) + 14px + env(safe-area-inset-bottom))}}

/* selector de demostración */
.demo-view{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin:0 0 1.2rem;padding:.6rem .7rem;border:1px dashed #b9c4bb;border-radius:.9rem;font-size:.8125rem;color:var(--muted)}
.demo-view-opts{display:flex;flex-wrap:wrap;gap:.3rem}
.demo-view button{min-height:36px;padding:0 .75rem;border:1px solid var(--line);border-radius:999px;background:#fffdf8;color:var(--ink);font:600 .8125rem/1 Manrope,sans-serif;cursor:pointer}
.demo-view button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* tarjeta según el momento de la estancia */
.stay-card{margin:0 0 1.4rem;padding:1.2rem 1.25rem 1.3rem;border-radius:1.2rem;background:var(--ink);color:var(--paper)}
.stay-card.stay-before{background:#123042}
.stay-card.stay-last{background:#8a4626}
.stay-kicker{margin:0;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:#edc7ae}
.stay-last .stay-kicker{color:#fbe3d2}
.stay-card h2{margin:.25rem 0 .9rem;font:500 1.55rem/1.2 Fraunces,Georgia,serif}
.stay-actions,.map-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.stay-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1rem;border-radius:.8rem;border:1px solid #ffffff59;color:inherit;font-weight:600;font-size:.9375rem;text-decoration:none}
.stay-btn.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.stay-btn:focus-visible{outline:2px solid #edc7ae;outline-offset:2px}

/* mapa */
.map-box{margin-top:1rem;padding:1rem;border-radius:1rem;background:#e9ede4}
.map-title{display:flex;align-items:center;gap:.45rem;margin:0 0 .7rem;font-weight:600;color:var(--ink)}
.map-title svg{width:20px;height:20px;color:var(--clay)}
.map-box .stay-btn{border-color:#9fb0a6;color:var(--ink);background:#fffdf8}
.map-box .stay-btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.map-note{margin:.7rem 0 0;font-size:.8125rem;color:var(--muted)}

/* datos protegidos */
.access-box h2{font-family:Manrope,sans-serif;font-weight:600;font-size:1.1rem;margin-bottom:.65rem}
.lock-form{padding:1rem;border:1px solid var(--line);border-radius:1rem;background:#fffdf8}
.lock-text{display:flex;gap:.5rem;align-items:flex-start;margin:0 0 .8rem;color:var(--muted);font-size:.9375rem}
.lock-text svg{flex:none;width:20px;height:20px;margin-top:.15rem;color:var(--clay)}
.lock-form label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:.3rem}
.lock-row{display:flex;gap:.5rem;flex-wrap:wrap}
.lock-row input{flex:1 1 9rem;min-width:0;min-height:48px;padding:0 .9rem;border:1px solid #9fb0a6;border-radius:.8rem;background:white;font:600 1.05rem/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.lock-row .button{width:auto!important;flex:0 0 auto}
.lock-error{min-height:1.2em;margin:.5rem 0 0;font-size:.875rem;color:#8a4626}
.lock-demo{margin:.2rem 0 0;font-size:.8125rem;color:var(--muted)}
.link-btn{border:0;background:none;padding:.4rem 0;min-height:44px;color:var(--ink);font:600 .875rem/1.3 Manrope,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.secret-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem;margin:0}
.secret-list div{padding:.9rem 1rem;border:1px solid var(--line);border-radius:1rem;background:#fffdf8}
.secret-list dt{font-size:.8125rem;color:var(--muted)}
.secret-list dd{margin:.2rem 0 0;font-size:1.5rem;font-weight:600;letter-spacing:.06em;color:var(--ink)}
#wifi-lock{margin:1rem 0}
#wifi-lock .copy-pw{width:auto}
.copy-status{min-height:1.2em;font-size:.875rem;color:var(--muted)}

/* contacto */
#host-actions{margin:1rem 0 .4rem}
#host-actions .button{gap:.5rem;width:auto;flex:1 1 12rem}
#host-actions svg{width:20px;height:20px}

/* opinión */
.review-box{display:flex;gap:1rem;align-items:flex-start;margin:1.5rem 0;padding:1.2rem;border-radius:1.2rem;background:#ede4d9}
.review-box>svg{flex:none;width:28px;height:28px;color:var(--clay);margin-top:.2rem}
.review-box h2{margin:0 0 .3rem;font:500 1.35rem/1.25 Fraunces,Georgia,serif}
.review-box p{margin:0 0 .9rem;color:var(--muted)}
.review-box .button{width:auto}

/* recomendados del anfitrión */
.host-picks{margin:0 0 1.6rem}
.host-picks h2{display:flex;align-items:center;gap:.45rem;margin:0;font:500 1.45rem/1.25 Fraunces,Georgia,serif}
.host-picks h2 svg{width:22px;height:22px;color:var(--clay)}
.host-picks>p{margin:.2rem 0 .8rem;color:var(--muted);font-size:.9375rem}
.picks-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(10.5rem,46%);gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem}
.picks-row .pick{scroll-snap-align:start;display:block;background:#fffdf8;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.picks-row .pick img{display:block;width:100%;height:7.5rem;object-fit:cover}
.picks-row .pick span{display:flex;justify-content:space-between;gap:.4rem;padding:.6rem .75rem;font-weight:600;font-size:.9375rem}
@media(min-width:761px){.picks-row{grid-auto-columns:minmax(10rem,1fr)}}

/* instalar y sin conexión */
.install-card{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;justify-content:space-between;margin:1.5rem 0;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:1rem;background:#fffdf8}
.install-card strong{display:block}
.install-card p{margin:.15rem 0 0;font-size:.875rem;color:var(--muted)}
.install-actions{display:flex;gap:.8rem;align-items:center}
.install-actions .button{width:auto}
.offline-bar{margin:0;padding:.5rem 1rem;background:#8a4626;color:white;font-size:.8125rem;text-align:center}

/* aviso breve */
.mm-toast{position:fixed;left:50%;bottom:calc(var(--nav, 5rem) + 84px);transform:translate(-50%,20px);z-index:90;max-width:min(92vw,26rem);padding:.8rem 1rem;border-radius:.9rem;background:#123042;color:#f3f0e8;font-size:.875rem;line-height:1.45;box-shadow:0 12px 34px #1230423d;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.mm-toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:761px){.mm-toast{bottom:96px}}
@media(prefers-reduced-motion:reduce){.mm-toast{transition:none}}