/* ====== Scoped styles solo para la página de locales ====== */
[data-route="locales"]{--bg:#0a090d;--ink:#f7f7ff;--muted:#c9cede;--line:rgba(255,255,255,.12);--accent:#D4AF37;--accent2:#FFD700}
[data-route="locales"] .wrap{max-width:1100px;margin:0 auto;padding:28px 16px 80px}
[data-route="locales"] .title{font-size:clamp(28px,4.5vw,44px);line-height:1.05;margin:6px 0 8px;color:var(--ink)}
[data-route="locales"] .sub{color:var(--muted);max-width:70ch}
[data-route="locales"] .grid{display:grid;gap:16px;margin-top:22px}
@media(min-width:900px){[data-route="locales"] .grid{grid-template-columns:1fr 1fr}}

/* Cards de locales */
[data-route="locales"] .card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}
[data-route="locales"] .venue{display:flex;gap:12px;align-items:center}
[data-route="locales"] .venue img{width:108px;height:72px;object-fit:cover;border-radius:10px}
[data-route="locales"] .venue div{flex:1}
[data-route="locales"] .venue b{font-size:1.1rem;color:var(--ink)}
[data-route="locales"] .venue small{opacity:.8;color:var(--muted)}

/* Include cards */
[data-route="locales"] .include-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;transition:background .2s}
[data-route="locales"] .include-card:hover{background:rgba(255,255,255,.08)}
[data-route="locales"] .include-card .icon{font-size:1.5rem;margin-bottom:4px}
[data-route="locales"] .include-card h3{margin:0 0 4px;font-size:1.05rem;color:var(--ink)}
[data-route="locales"] .include-card p{margin:0;opacity:.9;color:var(--muted)}

/* Listas */
[data-route="locales"] ul{list-style:none;padding:0;margin:0}
[data-route="locales"] li{padding:4px 0;padding-left:20px;position:relative;color:var(--muted)}
[data-route="locales"] li:before{content:"✓";position:absolute;left:0;color:var(--accent)}

/* Grid layouts */
[data-route="locales"] .grid.cols-2{grid-template-columns:repeat(2,1fr);gap:16px}
[data-route="locales"] .grid.cols-3{grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:768px){
  [data-route="locales"] .grid.cols-2,[data-route="locales"] .grid.cols-3{grid-template-columns:1fr}
}

/* CTA final */
[data-route="locales"] .cta-final{text-align:center;margin-top:40px}
[data-route="locales"] .hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
[data-route="locales"] .hero-cta .btn{padding:14px 18px;font-size:clamp(14px,1.1vw,16px)}

/* Secciones */
[data-route="locales"] .container{max-width:1100px;margin:0 auto;padding:28px 16px}
[data-route="locales"] .section-title{font-size:clamp(28px,4.5vw,44px);line-height:1.05;margin:6px 0 8px;color:var(--ink)}
[data-route="locales"] .section-sub{font-size:clamp(18px,2vw,24px);line-height:1.2;margin:0 0 16px;color:var(--muted)}

/* ====== NUEVA ESTRUCTURA DE LOCALES CON CARRUSEL ====== */

/* Zonas */
[data-route="locales"] .zone-section{margin-bottom:60px}
[data-route="locales"] .zone-header{text-align:center;margin-bottom:40px}
[data-route="locales"] .zone-title{font-size:clamp(32px,5vw,48px);font-weight:800;color:var(--accent);margin-bottom:12px}
[data-route="locales"] .zone-subtitle{font-size:clamp(16px,2vw,20px);color:var(--muted);max-width:60ch;margin:0 auto}

/* Grid de locales */
[data-route="locales"] .locales-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px}

/* Tarjetas premium */
[data-route="locales"] .venue-card-premium{background:rgba(15,15,20,0.8);border:2px solid var(--accent);border-radius:20px;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,0.3);transition:transform 0.3s ease,box-shadow 0.3s ease}
[data-route="locales"] .venue-card-premium:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(212,175,55,0.2)}

/* Carrusel */
[data-route="locales"] .venue-carousel{position:relative;width:100%;height:240px;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center}
[data-route="locales"] .carousel-images{position:relative;width:100%;height:100%}
[data-route="locales"] .carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .6s ease}
[data-route="locales"] .carousel-image.active{opacity:1}

/* Contenido */
[data-route="locales"] .venue-content{padding:24px}
[data-route="locales"] .venue-name{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:8px}
[data-route="locales"] .venue-subtitle{font-size:1.1rem;color:var(--muted);margin-bottom:16px;font-weight:500}
[data-route="locales"] .venue-description{font-size:0.95rem;color:var(--ink);line-height:1.6;opacity:0.9}

/* Responsive */
@media(max-width:768px){
  [data-route="locales"] .locales-grid{grid-template-columns:1fr;gap:20px}
  [data-route="locales"] .venue-carousel{height:200px}
  [data-route="locales"] .venue-content{padding:20px}
}