/* Páginas legales y de ayuda de LotusBookings (borrador 10 oct 2026).
   Mismos tokens, cabecera y tipografías que descubre.html. */
:root{
  --verde:#1a2420; --verde2:#183a2a; --verde3:#2f5140; --oro:#c9a84c; --oro2:#d9b96a; --oro-hondo:#a8873a;
  --crema:#f6f4ec; --tinta:#22302a; --suave:#5f6f66; --linea:rgba(20,38,28,.10);
}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:linear-gradient(180deg,#f8f6ef,#eef1e9);background-attachment:fixed;color:var(--tinta);font-family:'Jost',system-ui,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}

/* Cabecera (igual que descubre.html) */
header{position:sticky;top:0;z-index:20;background:rgba(248,246,239,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:12px}
.nav-right{display:flex;gap:14px;align-items:center}
.logo{font-family:'Cormorant','Cormorant Garamond',serif;font-size:26px;font-weight:700;color:var(--verde);letter-spacing:.3px;white-space:nowrap}
.logo b{color:var(--oro);font-weight:700}
.nav a.back{font-size:14px;color:var(--suave);white-space:nowrap}
.lang-pill{display:inline-flex;align-items:center;gap:2px;background:rgba(20,38,28,.06);border:1px solid var(--linea);border-radius:999px;padding:3px}
.lang-pill button{border:0;background:none;font-family:inherit;font-size:12px;font-weight:600;color:var(--suave);padding:5px 10px;border-radius:999px;cursor:pointer;line-height:1;transition:.18s}
.lang-pill button[aria-pressed="true"]{background:var(--verde2);color:#fff}

/* Hoja */
.legal{max-width:820px;margin:0 auto;padding:36px 20px 64px}
.legal-card{background:#fff;border:1px solid var(--linea);border-radius:22px;box-shadow:0 10px 34px rgba(20,38,28,.06);padding:44px 48px 40px}
.kicker{letter-spacing:.28em;text-transform:uppercase;font-size:12px;color:var(--oro-hondo);font-weight:600}
.legal-card h1{font-family:'Cormorant','Cormorant Garamond',serif;font-weight:600;font-size:clamp(32px,6vw,48px);line-height:1.05;letter-spacing:-.015em;margin:10px 0 8px;color:var(--verde)}
.updated{color:var(--suave);font-size:14px;margin:0 0 22px}
.lead{font-size:17px;color:var(--tinta);margin:0 0 8px}
.legal-card h2{font-family:'Cormorant','Cormorant Garamond',serif;font-weight:600;font-size:24px;line-height:1.2;color:var(--verde);margin:34px 0 8px;padding-top:22px;border-top:1px solid var(--linea)}
.legal-card h3{font-family:'Jost',system-ui,sans-serif;font-weight:600;font-size:16px;color:var(--verde2);margin:18px 0 4px}
.legal-card p{margin:0 0 14px}
.legal-card ul,.legal-card ol{margin:0 0 14px;padding-left:22px}
.legal-card li{margin:0 0 6px}
.legal-card li::marker{color:var(--oro-hondo)}
.legal-card a{color:var(--verde2);text-decoration:underline;text-decoration-color:var(--oro);text-underline-offset:3px}
.legal-card a:hover{color:var(--verde3)}
.legal-card strong{font-weight:600;color:var(--verde)}
.legal-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:var(--crema);border:1px solid var(--linea);border-radius:6px;padding:1px 6px}

/* Recuadros */
.note{background:var(--crema);border:1px solid var(--linea);border-left:3px solid var(--oro);border-radius:14px;padding:16px 18px;margin:0 0 16px}
.note p:last-child,.note ul:last-child{margin-bottom:0}
.contact-box{background:var(--crema);border:1px solid var(--linea);border-radius:16px;padding:18px 20px;margin:0 0 14px}
.contact-box p{margin:0 0 4px}

/* Tabla sencilla (se apila sola, sin desplazamiento lateral) */
.rows{border:1px solid var(--linea);border-radius:14px;overflow:hidden;margin:0 0 16px}
.rows div{display:flex;justify-content:space-between;gap:16px;padding:11px 16px;border-top:1px solid var(--linea)}
.rows div:first-child{border-top:0}
.rows span:last-child{font-weight:600;color:var(--verde);text-align:right}

/* Botón */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--verde2);color:#fff;padding:12px 22px;border-radius:999px;font-family:inherit;font-weight:600;font-size:14.5px;border:none;cursor:pointer;transition:.2s}
.btn:hover{background:var(--verde3)}
.btn:focus-visible,.lang-pill button:focus-visible,.legal-card a:focus-visible,.logo:focus-visible,.nav a.back:focus-visible{outline:2px solid var(--oro-hondo);outline-offset:2px}

/* Enlaces relacionados al pie de la hoja */
.related{margin-top:30px;padding-top:20px;border-top:1px solid var(--linea);font-size:14px;color:var(--suave);display:flex;flex-wrap:wrap;gap:8px 18px}

@media (max-width:640px){
  .legal{padding:20px 20px 48px}
  .legal-card{padding:26px 20px 24px;border-radius:20px}
  .legal-card h2{font-size:23px;margin-top:28px;padding-top:18px}
  .rows div{flex-direction:column;gap:2px}
  .rows span:last-child{text-align:left}
}
@media (max-width:420px){
  .logo{font-size:22px}
  .nav-right{gap:10px}
}
@media print{
  header,#lb-pie{display:none}
  body{background:#fff}
  .legal-card{border:0;box-shadow:none;padding:0}
}