/* ==========================================================================
   Facel Aurora — Web de reservas (portada / home)
   Extraído de los <style> inline de reservas/index.php
   (el fondo dinámico del hero va como style inline en la sección)
   ========================================================================== */
.sliders{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding-bottom:6px}
.slide{position:relative;min-width:320px;flex:1 0 320px;height:220px;border-radius:var(--radius);overflow:hidden;scroll-snap-align:start;box-shadow:var(--shadow)}
.slide img{width:100%;height:100%;object-fit:cover}
.slide .cap{position:absolute;inset:auto 0 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:16px}
.slide .cap h3{margin:0 0 4px;font-size:20px}
.slide .cap .btn{margin-top:8px}

.card .ph .rtslide{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.card .ph .rtslide.is-active{opacity:1}
.card .ph .rtcount{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;backdrop-filter:blur(2px);z-index:2}

/* ── Galería cinemática ──────────────────────────────────────────────────── */
.cine{background:#0d1b1e;color:#fff;padding:56px 0 40px;overflow:hidden}
.cine .container{position:relative}
.cine h2{font-size:26px;margin:0 0 4px;color:#fff}
.cine .sub{color:#9fb4b3;margin:0 0 26px;font-size:15px}
.cine-track-wrap{position:relative;width:100vw;left:50%;transform:translateX(-50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.cine-track{display:flex;gap:16px;width:max-content;padding:6px 8px;animation:cineScroll 60s linear infinite}
.cine-track-wrap:hover .cine-track{animation-play-state:paused}
@keyframes cineScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cine-item{position:relative;flex:0 0 auto;width:340px;height:230px;border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.cine-item img{width:100%;height:100%;object-fit:cover;transition:transform 6s ease;transform:scale(1.02)}
.cine-item:hover img{transform:scale(1.14)}
.cine-item .cap{position:absolute;inset:auto 0 0 0;padding:22px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.72));font-size:13px;font-weight:500;opacity:0;transform:translateY(8px);transition:.25s}
.cine-item:hover .cap{opacity:1;transform:translateY(0)}
.cine-item .zoomic{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:.25s}
.cine-item:hover .zoomic{opacity:1}
/* Lightbox */
.cine-lb{position:fixed;inset:0;background:rgba(6,12,13,.94);z-index:9999;display:none;align-items:center;justify-content:center}
.cine-lb.open{display:flex}
.cine-lb img{max-width:90vw;max-height:82vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.cine-lb .lbcap{position:absolute;bottom:26px;left:0;right:0;text-align:center;color:#e6eeed;font-size:14px;padding:0 20px}
.cine-lb .lbx{position:absolute;top:20px;right:24px;font-size:30px;color:#fff;cursor:pointer;line-height:1;opacity:.85}
.cine-lb .lbnav{position:absolute;top:50%;transform:translateY(-50%);font-size:30px;color:#fff;cursor:pointer;user-select:none;padding:16px;opacity:.8}
.cine-lb .lbprev{left:10px}.cine-lb .lbnext{right:10px}
.cine-lb .lbnav:hover,.cine-lb .lbx:hover{opacity:1}
@media(max-width:560px){.cine-item{width:250px;height:170px}}

/* ── Mapa ────────────────────────────────────────────────────────────────── */
.mapsec{padding:0}
.mapsec .head{max-width:1120px;margin:0 auto;padding:44px 20px 18px}
.mapsec h2{font-size:24px;margin:0 0 4px}
.mapsec .map-frame{position:relative;width:100%;height:420px;filter:saturate(1.05)}
.mapsec .map-frame iframe{width:100%;height:100%;border:0;display:block}
.mapsec .map-card{position:absolute;top:24px;left:24px;max-width:320px;background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:18px 20px}
.mapsec .map-card h3{margin:0 0 6px;font-size:18px}
.mapsec .map-card p{margin:0 0 12px;color:var(--muted);font-size:14px}
@media(max-width:640px){.mapsec .map-frame{height:340px}.mapsec .map-card{position:static;max-width:none;margin:0 20px;transform:translateY(-30px)}}

/* ── Comodidades en las tarjetas de habitación ───────────────────────────── */
.card-amen{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.card-amen .amen-chip{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#eef6f4;color:var(--brand);font-size:15px;line-height:1;cursor:default}
.card-amen .amen-more{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 9px;border-radius:8px;background:#eef6f4;color:var(--brand);font-size:12px;font-weight:700}