/* ===== 1968 Recording Studio · Rock & Gold Theme (v2, limpio) ===== */
:root{
  --bg:#0f1115; --panel:#171a20; --ink:#f2f5f9; --muted:#98a2b3;
  --gold:#e6b800; --gold-2:#ffd700; --red:#e63946; --line:#232832;
  --radius:18px; --shadow:0 12px 28px rgba(0,0,0,.45)
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Inter',system-ui,Arial,sans-serif;color:var(--ink);background:var(--bg)}
img{max-width:100%;display:block;border-radius:14px}
a{color:var(--gold);text-decoration:none}

.container{max-width:1180px;margin:0 auto;padding:0 20px}
.section{padding:72px 0}
.section--alt{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section__title{margin:0 0 24px 0;font-size:28px;color:var(--gold)}
.hint{color:var(--muted);font-size:12px}

.btn{
  display:inline-block;padding:12px 18px;border-radius:999px;border:2px solid var(--gold);
  cursor:pointer;font-weight:700;letter-spacing:.2px;
  transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s
}
.btn--primary{background:var(--gold);color:#14161b}
.btn--ghost{background:transparent;color:var(--gold)}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.btn--primary:hover{background:var(--gold-2);border-color:var(--gold-2)}
.link{border-bottom:1px dashed var(--gold)}

/* Header */
.site-header{
  position:sticky;top:0;z-index:5;
  background:linear-gradient(180deg,#111318 0%,rgba(17,19,24,.92) 100%);
  backdrop-filter:saturate(140%) blur(8px);
  border-bottom:1px solid var(--line)
}
.header__grid{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.brand{display:flex;align-items:center;gap:14px}
.logo{display:none}
.logo-img{height:44px;width:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
.brand__text h1{font-size:18px;margin:0;color:var(--ink)}
.brand__text .tagline{margin:2px 0 0 0;color:var(--muted);font-size:13px}
.nav{display:flex;gap:16px;flex-wrap:wrap}
.nav a{padding:8px 10px;border-radius:10px;color:var(--ink)}
.nav a:hover{background:#141821;color:var(--gold)}

/* Hero */
.hero{padding:64px 0;background:#0f1218}
.hero__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.hero__copy h2{font-size:44px;margin:0 0 10px 0;color:var(--ink)}
.accent{color:var(--gold)}
.badges{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.hero__media img{box-shadow:var(--shadow);border:1px solid var(--line)}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#12161c;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border:1px solid var(--line);position:relative;overflow:hidden}
.card h4{margin:0 0 8px 0;color:var(--gold)}
.price{font-weight:800;color:var(--gold-2)}
.list{color:var(--muted);font-size:14px}
.card .btn{margin-top:8px}
.badge-hot{
  position:absolute;top:14px;right:-34px;background:var(--red);color:#fff;
  padding:8px 46px;transform:rotate(18deg);font-size:12px;font-weight:800;letter-spacing:.3px;box-shadow:var(--shadow)
}

/* Galería */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery img{border:1px solid var(--line);box-shadow:0 8px 22px rgba(0,0,0,.35)}

/* Booking */
.book__controls{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
#service{background:#0f1217;color:var(--ink);border:1px solid var(--line);padding:10px 12px;border-radius:12px;outline:none}
.book__frame-wrapper{background:#0c0f14;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--line)}
#book-frame{width:100%;height:720px;border:0}

/* About */
.about__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
.ticks{list-style:'✔ ';padding-left:20px;color:var(--muted)}
.about__media img{box-shadow:var(--shadow);border:1px solid var(--line)}

/* Contacto & footer */
.contact__grid{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-footer{padding:20px 0;border-top:1px solid var(--line);background:#0f1217}
.footer__grid{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.footer__links{display:flex;gap:16px}

/* Cookies */
.cookie{position:fixed;inset:auto 16px 16px 16px;background:#0f1217;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px;z-index:50;color:var(--ink)}
.cookie a{color:var(--gold)}
.cookie__inner{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hidden{display:none}

/* Responsive base */
@media (max-width:1000px){
  .hero__grid,.about__grid{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .hero__copy h2{font-size:36px}
}

/* ===== Swipe horizontal para móvil/tablet (scroll-snap) ===== */
@media (max-width:1024px){
  html, body { height: 100%; }

  .slides{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    height:100dvh;             /* alto viewport móvil */
    scrollbar-width:none;      /* oculta barra (Firefox) */
  }
  .slides::-webkit-scrollbar{ display:none; } /* oculta barra (WebKit) */

  .slide{
    flex:0 0 100%;
    scroll-snap-align:start;
    overflow-y:auto;           /* si la sección es alta, permite scroll vertical interno */
    -webkit-overflow-scrolling:touch;
  }

  /* Header pegajoso para no perder el nav en cada slide */
  .site-header{ position:sticky; top:0; z-index:10; }
}