/* ============================================================
   LOS JUANCHOS — sede.css
   Per-location page (fortuna.html / liberia.html).
   Loads AFTER brand.css (and menu.css). Per-page hero image set
   inline:  style="--sede-img:url('assets/photos/<file>.jpg')"
   ============================================================ */

/* ---------- Hero ---------- */
.sede-hero{position:relative;min-height:70svh;display:grid;align-items:end;overflow:hidden;background:var(--charcoal) center/cover no-repeat;color:var(--cream)}
.sede-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(15,13,11,.94) 0%,rgba(15,13,11,.35) 55%,rgba(15,13,11,.55) 100%)}
.sede-hero__in{position:relative;z-index:2;width:min(1280px,100%);margin:auto;padding:clamp(140px,20vh,210px) var(--pad) clamp(56px,8vh,88px)}
.sede-hero .eyebrow{color:var(--orange)}
.sede-hero h1{font-size:clamp(54px,9vw,120px);color:#fff;margin:12px 0 0}
.sede-hero__meta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:16px;font-size:14px;color:rgba(245,239,230,.85)}
.sede-hero .badge-open{background:rgba(8,6,5,.55);padding:8px 13px;border-radius:999px;border:1px solid rgba(245,239,230,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sede-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* ---------- Info (hours / address / map) ---------- */
.sede-info{background:var(--charcoal);color:var(--cream)}
.sede-info__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,4vw,60px);align-items:start}
.sede-info .eyebrow{color:var(--orange)}
.sede-info h2{font-size:clamp(34px,5vw,64px);margin:12px 0 26px}
.sede-info h3{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--orange);margin:0 0 10px;font-family:Inter,Arial,sans-serif;font-weight:800}
.sede-blk{margin-bottom:26px}
.sede-info p{margin:0;color:rgba(245,239,230,.82);font-size:15px;line-height:1.7}
.sede-hours{display:flex;flex-direction:column;gap:5px}
.sede-hours span{font-size:14.5px;color:rgba(245,239,230,.86)}
.sede-map{aspect-ratio:16/12;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#20201f}
.sede-map iframe{width:100%;height:100%;border:0;display:block}

/* ---------- Gallery ---------- */
.sede-gallery{background:var(--cream)}
.sede-gallery__grid{width:min(1280px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:12px}
.sede-gallery__grid img{width:100%;height:100%;object-fit:cover;border-radius:14px;aspect-ratio:1}
.sede-gallery__grid img.wide{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}

/* ---------- Reviews band ---------- */
.sede-reviews{background:var(--paper)}

/* ---------- FAQ (preguntas frecuentes) ---------- */
.sede-faq{background:var(--cream)}
.faq{width:min(820px,100%);margin:0 auto}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 4px;font-family:Inter,Arial,sans-serif;font-weight:700;font-size:clamp(15px,1.6vw,17px);color:var(--charcoal)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";font-weight:400;font-size:27px;line-height:1;color:var(--red);flex:0 0 auto}
.faq__item[open] summary::after{content:"−"}
.faq__item summary:hover{color:var(--red)}
.faq__item summary:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}
.faq__a{padding:0 4px 22px}
.faq__a p{margin:0;color:var(--muted);font-size:15px;line-height:1.65;max-width:64ch}

@media(max-width:900px){
  .sede-info__grid{grid-template-columns:1fr}
  .sede-gallery__grid{grid-template-columns:1fr 1fr}
  .sede-gallery__grid img.wide{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
}
@media(max-width:560px){
  .sede-actions{flex-direction:column;align-items:stretch}
  .sede-actions .btn{justify-content:center}
}

/* Hide WA + directions hero buttons on mobile when the fixed actionbar is active */
@media(max-width:760px){
  body.has-actionbar .sede-hero .sede-actions [data-act="wa"],
  body.has-actionbar .sede-hero .sede-actions [data-act="dir"]{display:none}
}