/* Tres paletas para iterar la home (08/10/2026). El hero y su foto no cambian.
   Cada paleta fija solo: tres fondos (claro, alterno, oscuro), el acento con sus
   dos tonos y el color del texto. Las tarjetas de especialidad siguen rellenas de
   color y con los seis colores originales en todas las paletas. */

body[data-paleta]{
  --t-teal:var(--acc);--t-teal-d:var(--acc-d);--t-turq:var(--acc-l);
  --t-mint:var(--bg-mint);--t-ice:var(--bg-mint);--t-blue:var(--acc-d);
  --m-wood:var(--acc);--m-wood-2:var(--acc-d);--wood:var(--acc-d);
  --t-petrol:var(--bg-dark);--t-petrol-2:var(--bg-dark);
}
body[data-paleta] main h2,body[data-paleta] .unit h3,body[data-paleta] .tcard h3{color:var(--t-ink)}
body[data-paleta] :is(.tour,.troute) h2,body[data-paleta] .tstop h3{color:#fff!important}

/* Actual · Turquesa del logo */
body[data-paleta="actual"]{
  --bg-white:#ffffff;--bg-mint:#eef7f4;--bg-dark:#072a31;
  --acc:#00a890;--acc-d:#00786a;--acc-l:#5fd8c4;
  --t-ink:#12302c;--t-text:#3d5753;
}

/* Recepción · sacada de la foto del hero: roble, cobre del logo, paredes cálidas y nogal */
body[data-paleta="recepcion"]{
  --bg-white:#fbf8f4;--bg-mint:#f0e9e0;--bg-dark:#2e2318;
  --acc:#8a643d;--acc-d:#6d4a26;--acc-l:#dcb68c;
  --t-ink:#2a2017;--t-text:#66584b;
}
body[data-paleta="recepcion"] .footer{background:#241b12!important}

/* Madera y turquesa · fondos cálidos del hero con el turquesa del logo como acento */
body[data-paleta="mixta"]{
  --bg-white:#ffffff;--bg-mint:#f5efe7;--bg-dark:#2e2318;
  --acc:#00a890;--acc-d:#00786a;--acc-l:#5fd8c4;
  --t-ink:#2a2017;--t-text:#5e5549;
}

/* Detalles comunes que siguen a la paleta */
body[data-paleta] .header.scrolled{background:color-mix(in srgb,var(--bg-white) 94%,transparent)!important}
body[data-paleta] ::selection{background:color-mix(in srgb,var(--acc) 25%,transparent)}

/* Selector de paleta (solo en local) */
.paletas{position:fixed;right:16px;bottom:16px;z-index:2147483000;display:flex;align-items:center;gap:6px;padding:6px;border-radius:14px;background:rgba(10,20,22,.92);backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.3);font:500 12px/1 "DM Sans",sans-serif}
.paletas>span{padding:0 6px;color:#cfd8d6;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}
.paletas button{display:flex;align-items:center;gap:7px;padding:7px 9px;border:0;border-radius:9px;background:transparent;color:rgba(255,255,255,.82);font:inherit;cursor:pointer}
.paletas button:hover{background:rgba(255,255,255,.1)}
.paletas button[aria-pressed="true"]{background:#fff;color:#0a1416}
.paletas i{display:flex;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.paletas i b{width:9px;height:16px}
body.booking-open .paletas{visibility:hidden}
@media (max-width:760px){.paletas{left:8px;right:8px;bottom:64px;flex-wrap:wrap}.paletas button{padding:6px 7px}.paletas button em{display:none}}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body.booking-open @media (max-width:760px){