/* Regional photo band — faded into the parchment, NEVER text on top.
   Offline/missing-image fallback = the zone accent color (set via --zc). */
.zoneband{position:relative;height:200px;
  background:var(--zc,#cdbfae) center top/cover no-repeat;
  background-image:var(--band)}
.zoneband.slim{height:118px}
.zoneband::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom, rgba(239,233,220,0) 34%, #EFE9DC 97%)}
.zoneband .zcap{position:absolute;left:18px;bottom:11px;z-index:2;
  font-size:12px;font-weight:700;letter-spacing:.5px}

/* Respect the OS "reduce motion" setting — no card-press / mic-pulse for
   motion-sensitive older users. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* "Inicio" button injected on every sub-page so no screen is a dead-end. */
.homebtn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:600;font-size:15px;
  background:#fff;color:#2A2622;border:1px solid rgba(40,30,15,.18);
  padding:11px 17px;border-radius:999px;box-shadow:0 1px 5px rgba(40,30,15,.12)}
.homebtn:active{transform:scale(.98)}
.homewrap{padding:10px 16px 0;position:relative;z-index:700}

/* Themed hero header for sub-pages (maps index, hotels, flights, boat). Inicio
   sits top-left ON the band so it reads intentional, never orphaned. */
.phead{position:relative;height:172px;border-radius:16px;overflow:hidden;margin:2px 0 16px;
  background:var(--zc,#cdbfae) center/cover no-repeat;background-image:var(--band)}
.phead::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(239,233,220,0) 46%,#EFE9DC 99%)}
.phead .homebtn{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;z-index:3}
.phead .pcap{position:absolute;left:15px;bottom:10px;z-index:2;font-size:12px;font-weight:700;letter-spacing:.5px;color:#2A2622}
.phead.phead-full{border-radius:0;margin:0;height:185px}

/* Text-size control (A / A+ / A++) */
.tsctl{display:inline-flex;gap:4px;align-items:center}
.tsctl button{width:34px;height:34px;border:1px solid var(--line,#D2C6AE);background:#fff;color:#2A2622;
  border-radius:9px;cursor:pointer;font-family:Georgia,serif;line-height:1;padding:0}
.tsctl button[aria-pressed="true"]{background:#2A2622;color:#EFE9DC;border-color:#2A2622}
.tsctl .a1{font-size:13px}.tsctl .a2{font-size:15px}.tsctl .a3{font-size:18px}