/* Scriptus · estilos del sitio (extraídos del prototipo final v9-3 de las 14 plantillas) */
:root{
  --negro:#000000;--rojo:#8D0002;--azul:#161689;--petroleo:#053E64;--dorado:#E6AF47;
  --gris:#BCBAB8;--gris2:#BEBBBB;--blanco:#FFFFFF;--brasa:#B53C1E;--brasa-osc:#781805;
  --tinta:#0B0909;--tinta2:#151111;--linea:#3a2a26;--texto-suave:#cfcac6;
  --f-body:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--negro);color:var(--blanco);font-family:var(--f-body);line-height:1.55}
a{color:inherit}
:focus-visible{outline:2px solid var(--dorado);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- Sitio ---------- */
.site{container:site/inline-size;background:var(--negro);color:var(--blanco);font-size:15px}
.wrap{max-width:1100px;margin:0 auto;padding-inline:18px}

/* Encabezado */
.hdr{position:relative;z-index:5;background:var(--negro);border-bottom:1px solid #1d1716}
.hdr-in{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:10px 14px}
.burger{all:unset;cursor:pointer;width:38px;height:34px;display:grid;place-content:center;gap:5px;border-radius:6px;background:var(--blanco)}
.burger span{display:block;width:24px;height:4px;border-radius:3px;background:#111}
.tour-fixed{font-weight:800;text-decoration:none;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--dorado)}
.mark{justify-self:center;display:block;width:30px}
.mark{width:auto}
.mark img{display:block;height:44px;width:auto}
/* Solo la lupa del encabezado: <body> también lleva la clase «search» en los resultados de búsqueda. */
.hdr .search{all:unset;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--blanco)}
.hdr .search:focus-visible{outline:2px solid var(--dorado);outline-offset:2px}
.nav-desk{display:none}
.drawer{display:none;padding:6px 14px 16px;border-top:1px solid #1d1716}
.drawer.open{display:block}
.drawer a{display:block;padding:10px 4px;text-decoration:none;font-weight:700;border-bottom:1px solid #1d1716}
.drawer a.sub{padding-left:20px;font-weight:400;color:var(--texto-suave)}
@container site (min-width:900px){
  .hdr-in{display:none}
  .drawer{display:none!important}
  .nav-desk{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:12px 24px;max-width:1180px;margin:0 auto}
  .nav-desk ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;font-weight:700;font-size:14.5px}
  .nav-desk ul:first-child{justify-content:flex-end}
  .nav-desk a{text-decoration:none}
  .nav-desk a:hover,.nav-desk a[aria-current]{color:var(--dorado)}
  .nav-desk .mark{width:34px}
  .nav-desk .right{display:flex;align-items:center;gap:28px}
}
/* Héroe con foto + título dorado + borde rasgado */
.hero{position:relative;min-height:190px;display:grid;place-items:center;text-align:center;overflow:hidden;background:#111}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.62))}
.hero-t{position:relative;padding:28px 18px 46px}
.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blanco);background:rgba(0,0,0,.55);padding:4px 10px;border-radius:3px}
.hero h2{margin:8px 0 0;font-weight:800;color:var(--dorado);font-size:clamp(28px,8cqi,58px);line-height:1.05;text-wrap:balance;text-shadow:0 3px 18px rgba(0,0,0,.7)}
.torn{position:absolute;left:0;right:0;bottom:-1px;height:34px;background:var(--negro);clip-path:polygon(0% 100%,0.0% 21%,3.3% 50%,5.8% 48%,7.1% 15%,8.6% 72%,10.2% 57%,14.5% 40%,18.9% 74%,21.1% 19%,23.3% 7%,26.4% 38%,29.4% 14%,31.3% 42%,33.6% 44%,35.7% 28%,37.7% 49%,41.8% 12%,46.3% 41%,50.0% 47%,51.3% 67%,54.4% 13%,57.9% 53%,60.6% 38%,63.4% 15%,66.9% 84%,70.8% 39%,74.2% 45%,75.9% 14%,79.7% 29%,82.2% 3%,84.8% 76%,88.8% 11%,91.3% 76%,95.7% 23%,97.6% 46%,100% 40%,100% 100%)}
@container site (min-width:720px){.hero{min-height:340px}.torn{height:46px}}

/* Fondo con emblema y brillo de brasas (cuerpo de las páginas) */
.ember{position:relative;background:radial-gradient(60% 40% at 50% 35%,rgba(181,60,30,.28),transparent 70%),var(--negro)}
.ember::before{content:"";position:absolute;inset:0;background:url(../img/ui/brasas.jpg) center 40px/min(560px,90%) auto no-repeat;opacity:.22;pointer-events:none}
.ember>*{position:relative}

/* Migas */
.crumbs{font-size:13px;color:var(--gris);padding-top:18px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{text-decoration:none;color:var(--dorado)}

/* Componentes reutilizables (de Diego) */
.panel{background:rgba(11,9,9,.82);border:1px solid var(--linea);border-radius:6px;padding:16px;display:grid;gap:14px}
.lnk{display:inline-flex;gap:6px;align-items:center;margin-top:6px;font-weight:700;font-size:14px;color:var(--dorado);text-decoration:none}
.lnk:hover{text-decoration:underline}
.cta{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase;padding:15px 22px;border-radius:4px;background:var(--dorado);color:#000;box-shadow:0 0 0 2px #000,0 0 0 4px var(--dorado);border:0;cursor:pointer}
.cta:hover{filter:brightness(1.08)}
.cta[aria-disabled="true"]{background:#2a2423;color:var(--gris);box-shadow:none;cursor:not-allowed}
.btn-o{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font-weight:700;font-size:14px;padding:10px 16px;border:2px solid var(--blanco);border-radius:4px;background:transparent;color:var(--blanco);cursor:pointer}
.btn-o:hover{border-color:var(--dorado);color:var(--dorado)}
.status{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:3px}
.alert{border-left:4px solid var(--rojo);background:rgba(141,0,2,.18);padding:10px 14px;font-size:14px;border-radius:0 4px 4px 0}
.pending{font-size:12px;color:var(--gris);border:1px dashed #5a4a46;padding:6px 10px;border-radius:4px;margin-top:10px}
.sec-h{margin:0 0 10px;font-size:20px;font-weight:800;color:var(--dorado)}
.mcard{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;text-decoration:none;background:rgba(11,9,9,.85);border-left:3px solid var(--blanco);padding:10px}
.mcard:hover strong{color:var(--dorado)}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.empty{padding:50px 10px;text-align:center;display:grid;gap:14px;justify-items:center}
.empty p{max-width:42ch;color:var(--texto-suave);margin:0}
.empty svg{color:var(--linea)}

/* ---------- Plantilla 4: Ficha de evento ---------- */
.ev{display:grid;gap:26px;padding-block:20px 40px}
.poster{position:relative;margin:0 auto;width:min(100%,360px);border-radius:6px;overflow:hidden;box-shadow:0 0 0 2px var(--brasa),0 0 24px 2px rgba(181,60,30,.55)}
.poster img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:filter .3s}
.poster .stamp{position:absolute;left:-10%;right:-10%;top:42%;transform:rotate(-12deg);text-align:center;font-weight:800;font-size:28px;letter-spacing:.14em;padding:8px 0;background:var(--rojo);color:var(--blanco);box-shadow:0 4px 18px rgba(0,0,0,.6)}
.info{min-width:0;display:grid;gap:18px}
.status{justify-self:start;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:3px}
.status i{width:8px;height:8px;border-radius:50%;background:currentColor}
.st-disponible{background:var(--dorado);color:#000}
.st-ultimos{background:var(--brasa);color:var(--blanco)}
.st-agotado,.st-cancelado{background:var(--rojo);color:var(--blanco)}
.st-pospuesto{background:var(--azul);color:var(--blanco)}
.st-pasado{background:#2a2423;color:var(--gris)}
.ev-title{margin:0;font-size:clamp(24px,5.4cqi,36px);line-height:1.12;font-weight:800;text-wrap:balance}
.datebox{display:flex;gap:16px;align-items:stretch}
.date{flex:none;width:78px;text-align:center;border:2px solid var(--dorado);border-radius:4px;padding:6px 0;font-variant-numeric:tabular-nums}
.date .d{display:block;font-size:32px;font-weight:800;line-height:1}
.date .m{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dorado)}
.date .y{display:block;font-size:12px;color:var(--gris)}
.when{display:grid;align-content:center;gap:2px;min-width:0}
.when strong{font-size:16px}
.when span{color:var(--texto-suave);font-size:14px}
.struck .d,.struck .m,.struck .y{text-decoration:line-through;text-decoration-color:var(--rojo);text-decoration-thickness:2px}
.alert{border-left:4px solid var(--rojo);background:rgba(141,0,2,.18);padding:10px 14px;font-size:14px;border-radius:0 4px 4px 0}
.alert.blue{border-color:#4e4ed6;background:rgba(22,22,137,.3)}
.panel{background:rgba(11,9,9,.82);border:1px solid var(--linea);border-radius:6px;padding:16px;display:grid;gap:14px}
.row{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.row svg{margin-top:3px;color:var(--dorado)}
.row h4{margin:0 0 2px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);font-weight:700}
.row p{margin:0}
.row .muted{color:var(--texto-suave);font-size:14px}
.lnk{display:inline-flex;gap:6px;align-items:center;margin-top:6px;font-weight:700;font-size:14px;color:var(--dorado);text-decoration:none}
.lnk:hover{text-decoration:underline}
.openers{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.openers li{font-size:13px;font-weight:600;padding:4px 9px;border:1px solid var(--linea);border-radius:3px;background:#120e0e}
.price{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.price small{font-size:13px;font-weight:600;color:var(--gris)}
.cta{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase;padding:15px 22px;border-radius:4px;background:var(--dorado);color:#000;box-shadow:0 0 0 2px #000,0 0 0 4px var(--dorado)}
.cta:hover{filter:brightness(1.08)}
.cta[aria-disabled="true"]{background:#2a2423;color:var(--gris);box-shadow:none;cursor:not-allowed}
.cta-note{font-size:12.5px;color:var(--gris);text-align:center;margin-top:-8px}
.desc h3,.gal h3,.more h3{margin:0 0 10px;font-size:20px;font-weight:800;color:var(--dorado)}
.desc p{margin:0 0 12px;max-width:65ch;color:#ece8e5}
.gal{padding-block:8px 44px}
.gal-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px}
.gal-head h3{margin:0}
.thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.thumbs img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.pending{font-size:12px;color:var(--gris);border:1px dashed #5a4a46;padding:6px 10px;border-radius:4px;margin-top:10px}
.back{display:flex;flex-wrap:wrap;gap:10px;padding-block:0 40px}
.btn-o{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font-weight:700;font-size:14px;padding:10px 16px;border:2px solid var(--blanco);border-radius:4px}
.btn-o:hover{border-color:var(--dorado);color:var(--dorado)}

@container site (min-width:720px){
  .ev{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:34px}
  .poster{position:sticky;top:16px;width:100%}
  .thumbs{grid-template-columns:repeat(4,1fr)}
}
@container site (min-width:1024px){
  .ev{grid-template-columns:minmax(0,360px) minmax(0,1fr) ;gap:48px}
  .info{grid-template-columns:minmax(0,1fr) 300px;column-gap:32px;align-items:start}
  .info>.full{grid-column:1/-1}
  .info>.side{grid-column:2;grid-row:5/span 2;position:sticky;top:16px}
  .info>.pmain{grid-column:1;grid-row:5}
  .info>.desc{grid-column:1;grid-row:6}
}

/* ---------- Plantilla 6: Nota individual ---------- */
.art{padding-block:8px 36px;display:grid;gap:18px}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:13px;color:var(--gris)}
.art-meta .tag{font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#000;background:var(--dorado);padding:3px 9px;border-radius:3px}
.art h1{margin:0;font-size:clamp(26px,6cqi,46px);line-height:1.1;font-weight:800;text-wrap:balance;max-width:22ch}
.lede{margin:0;font-size:clamp(16px,2.6cqi,19px);color:var(--texto-suave);max-width:60ch}
.feat{margin:6px 0 0}
.feat img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px var(--linea)}
.feat figcaption{font-size:12.5px;color:var(--gris);margin-top:8px}
.body{display:grid;gap:26px}
.prose{min-width:0;background:rgba(0,0,0,.72);padding:4px 0}
.prose p{margin:0 0 16px;max-width:65ch;font-size:16.5px;line-height:1.72;color:#efebe8;text-align:justify;hyphens:auto}
.lede,.prose li{text-align:justify;hyphens:auto}
.prose h3{margin:26px 0 10px;font-size:21px;color:var(--dorado)}
.prose blockquote{margin:22px 0;padding:6px 0 6px 18px;border-left:4px solid var(--rojo);font-size:19px;font-style:italic;max-width:55ch}
.prose ul{margin:0 0 16px;padding-left:20px;max-width:60ch}
.prose li{margin-bottom:6px}
.aside{display:grid;gap:14px;align-content:start}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.share span{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin-right:4px}
.share a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #4a3e3b;text-decoration:none}
.share a:hover{border-color:var(--dorado);color:var(--dorado)}
.relcard{display:block;text-decoration:none;background:rgba(11,9,9,.85);border:1px solid var(--linea);border-radius:6px;padding:14px}
.relcard small{color:var(--dorado);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:11.5px}
.relcard strong{display:block;margin-top:4px;font-size:15px;line-height:1.35}
.more{padding-block:8px 44px}
.more-list{display:grid;gap:12px}
.mcard{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;text-decoration:none;background:rgba(11,9,9,.85);border-left:3px solid var(--blanco);padding:10px}
.mcard img{width:110px;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.mcard div{min-width:0}
.mcard strong{display:block;font-size:15px;line-height:1.3}
.mcard span{display:block;font-size:13px;color:var(--gris);margin-top:4px}
.mcard em{display:inline-block;margin-top:6px;font-style:normal;font-weight:700;font-size:13px;color:var(--dorado)}
.mcard:hover strong{color:var(--dorado)}
@container site (min-width:720px){
  .more-list{grid-template-columns:repeat(3,1fr)}
  .mcard{grid-template-columns:1fr;align-items:start;border-left:0;border-top:3px solid var(--blanco)}
  .mcard img{width:100%}
}
@container site (min-width:1024px){
  .body{grid-template-columns:minmax(0,1fr) 280px;gap:48px}
  .aside{position:sticky;top:16px}
}

/* Pie: fondo negro sólido, integrantes con sus redes (referencia del cliente) */
.ftr{background:var(--negro);padding:48px 0 30px;border-top:1px solid #1d1716}
.crew{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px;max-width:980px}
@container site (min-width:720px){.crew{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mbr{display:grid;justify-items:center;align-content:start;gap:10px;text-align:center;min-width:0}
.mph{width:min(140px,100%);aspect-ratio:1;overflow:hidden;-webkit-mask:radial-gradient(circle at 50% 45%,#000 52%,transparent 71%);mask:radial-gradient(circle at 50% 45%,#000 52%,transparent 71%)}
.mph img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .3s,transform .3s}
.mbr:hover .mph img{filter:grayscale(0);transform:scale(1.04)}
.mnm{margin:0;font-weight:800;font-size:15px;letter-spacing:.04em}
.mnm span{display:block;font-weight:600;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dorado);margin-top:2px}
.msoc,.bsoc{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px}
.msoc a,.bsoc a{display:grid;place-items:center;width:28px;height:28px;color:var(--blanco);text-decoration:none;border-radius:4px;transition:color .2s,transform .2s}
.msoc a:hover,.bsoc a:hover{color:var(--dorado);transform:translateY(-2px)}
.msoc svg{width:17px;height:17px}
.bsoc svg{width:21px;height:21px}
.bsoc{gap:6px 18px}
.fband{display:grid;justify-items:center;gap:14px;margin-top:44px;text-align:center}
.flogo{width:min(240px,70%)}
.booking{margin:6px 0 0;font-size:13.5px;color:var(--gris)}
.booking b{color:var(--blanco);user-select:all}
.fine{margin:0;font-size:12px;color:#857d7a}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== 1 · Inicio ===== *//* ---------- Plantilla 1: Inicio ---------- *//* Portada: foto de la banda + logo grande montado sobre el borde rasgado (pág. 1 del Canva) */
#tpl-home .home-hero{position:relative;background:#0a0a0a}
#tpl-home .home-hero .ph{position:relative;height:clamp(210px,46cqi,520px);overflow:hidden}
#tpl-home .home-hero .ph img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
#tpl-home .home-hero .ph .torn{z-index:1}
#tpl-home .home-hero .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 40%,rgba(0,0,0,.65))}
#tpl-home .home-hero .torn{height:clamp(40px,7cqi,80px)}
#tpl-home .home-logo{position:relative;z-index:2;display:block;margin:clamp(-120px,-13cqi,-60px) auto 0;width:min(78%,520px)}
#tpl-home .home-logo img{display:block;width:100%;filter:drop-shadow(0 6px 22px rgba(0,0,0,.9))}/* Franja "Próxima fecha" — acceso destacado a Tour */
#tpl-home .next{margin:18px auto 0;max-width:760px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;text-decoration:none;padding:12px 16px;border-radius:6px;background:rgba(11,9,9,.9);box-shadow:0 0 0 2px var(--brasa),0 0 22px rgba(181,60,30,.45)}
#tpl-home .next .lbl{grid-column:1/-1;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--dorado)}
#tpl-home .next .dt{font-weight:800;font-size:22px;line-height:1;font-variant-numeric:tabular-nums}
#tpl-home .next .dt small{display:block;font-size:11px;letter-spacing:.14em;color:var(--gris)}
#tpl-home .next .what{min-width:0}
#tpl-home .next .what strong{display:block;font-size:16px}
#tpl-home .next .what span{font-size:13.5px;color:var(--texto-suave)}
#tpl-home .next .go{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:var(--dorado);color:#000;padding:8px 14px;border-radius:3px;margin-top:6px}
#tpl-home .next:hover .go{filter:brightness(1.08)}
@container site (min-width:720px){
#tpl-home .next{grid-template-columns:auto 1fr auto;padding:14px 20px}
#tpl-home .next .go{grid-column:auto;margin-top:0;justify-self:end}
}/* Títulos de sección sobre pincelada (gris, amarillo, azul, rojo como en el Canva) */
#tpl-home .sec{padding-block:34px 10px}
#tpl-home .brush{position:relative;display:grid;place-items:center;margin:0 auto 22px;width:min(100%,460px);aspect-ratio:824/249}
#tpl-home .brush::before{content:"";position:absolute;inset:0;background:var(--c);-webkit-mask:url(../img/ui/brocha.png) center/100% 100% no-repeat;mask:url(../img/ui/brocha.png) center/100% 100% no-repeat}
#tpl-home .brush h2{position:relative;margin:0;font-size:clamp(24px,5.6cqi,38px);font-weight:800;color:var(--t);letter-spacing:.01em;padding-bottom:4%}
#tpl-home .b-gris{--c:var(--gris);--t:#000}
#tpl-home .b-amar{--c:#FDBD40;--t:#000}
#tpl-home .b-azul{--c:var(--azul);--t:var(--blanco)}
#tpl-home .b-rojo{--c:var(--rojo);--t:var(--blanco)}
#tpl-home .sec-foot{display:flex;justify-content:center;margin-top:20px}/* Últimas noticias: tarjeta con línea blanca, como el listado de Noticias */
#tpl-home .news{display:grid;gap:14px}
#tpl-home .ncard{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;text-decoration:none;background:rgba(11,9,9,.85);border-left:3px solid var(--blanco);padding:10px}
#tpl-home .ncard img{width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:2px;display:block}
#tpl-home .ncard div{min-width:0}
#tpl-home .ncard time{font-size:12px;color:var(--dorado);font-weight:700;letter-spacing:.06em}
#tpl-home .ncard strong{display:block;font-size:15.5px;line-height:1.3;margin-top:2px}
#tpl-home .ncard p{margin:4px 0 0;font-size:13.5px;color:var(--gris)}
#tpl-home .ncard em{display:inline-block;margin-top:6px;font-style:normal;font-weight:700;font-size:13px;color:var(--dorado)}
#tpl-home .ncard:hover strong{color:var(--dorado)}
@container site (min-width:720px){
#tpl-home .news{grid-template-columns:repeat(3,minmax(0,1fr))}
#tpl-home .ncard{grid-template-columns:1fr;align-items:start;border-left:0;border-top:3px solid var(--blanco);padding:0 0 14px}
#tpl-home .ncard img{width:100%;aspect-ratio:3/2;border-radius:0}
#tpl-home .ncard div{padding:0 14px}
}/* Tour: tarjetas con borde de brasa sobre el emblema (pág. 3 del Canva) */
#tpl-home .tour-sec{padding-bottom:30px}
#tpl-home .dates{display:grid;gap:16px}
#tpl-home .dcard{display:grid;gap:6px;padding:16px;border-radius:6px;background:rgba(10,6,5,.88);box-shadow:inset 0 0 0 2px var(--brasa-osc),0 0 0 2px var(--brasa),0 0 20px rgba(181,60,30,.5)}
#tpl-home .dcard .top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px}
#tpl-home .dcard .f,#tpl-home .dcard .status{white-space:nowrap}
#tpl-home .dcard .f{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
#tpl-home .dcard .r{font-size:15px;color:var(--texto-suave)}
#tpl-home .dcard .status{font-size:11px;padding:4px 9px}
#tpl-home .dcard a.more{justify-self:start;margin-top:8px;text-decoration:none;font-weight:700;font-size:14px;border:2px solid var(--blanco);border-radius:4px;padding:7px 14px}
#tpl-home .dcard a.more:hover{border-color:var(--dorado);color:var(--dorado)}
@container site (min-width:720px){
#tpl-home .dates{grid-template-columns:repeat(3,minmax(0,1fr))}}/* Videos: reproductor destacado + lista; se reproduce en la misma página */
#tpl-home .vids{display:grid;gap:14px}
#tpl-home .player{position:relative;border-radius:6px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--linea)}
#tpl-home .player img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.85}
#tpl-home .player .play{all:unset;cursor:pointer;position:absolute;inset:0;display:grid;place-items:center}
#tpl-home .player .play span{width:74px;height:52px;border-radius:14px;background:var(--rojo);display:grid;place-items:center;box-shadow:0 6px 24px rgba(0,0,0,.6);transition:transform .2s}
#tpl-home .player .play:hover span,#tpl-home .player .play:focus-visible span{transform:scale(1.08)}
#tpl-home .player .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-weight:700;pointer-events:none}
/* Títulos largos: una sola línea, para que el pie no tape el botón de reproducir en el teléfono. */
#tpl-home .player .cap #pl-t{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tpl-home .player .cap small{display:block;font-weight:600;font-size:12px;color:var(--gris)}
#tpl-home .player .msg{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;background:rgba(0,0,0,.82);font-size:14px;color:var(--texto-suave)}
#tpl-home .vlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#tpl-home .vitem{all:unset;cursor:pointer;display:grid;gap:6px;min-width:0}
#tpl-home .vitem img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px;outline:2px solid transparent;outline-offset:2px}
#tpl-home .vitem[aria-pressed="true"] img{outline-color:var(--dorado)}
#tpl-home .vitem span{font-size:12.5px;font-weight:600;line-height:1.3}
#tpl-home .vitem:focus-visible img{outline-color:var(--blanco)}
@container site (min-width:900px){
#tpl-home .vids{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}
#tpl-home .vlist{grid-template-columns:1fr;gap:12px}
#tpl-home .vitem{grid-template-columns:140px 1fr;align-items:center;gap:12px}
}/* Instagram: rejilla de publicaciones recientes */
#tpl-home .ig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#tpl-home .ig a{position:relative;display:block;overflow:hidden;border-radius:2px}
#tpl-home .ig img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s}
#tpl-home .ig a:hover img{transform:scale(1.05)}
#tpl-home .ig a::after{content:"";position:absolute;right:8px;top:8px;width:16px;height:16px;border:2px solid #fff;border-radius:5px;opacity:.85}
@container site (min-width:900px){
#tpl-home .ig{grid-template-columns:repeat(6,minmax(0,1fr))}}
#tpl-home .igcta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.04em;padding:11px 18px;border-radius:4px;background:var(--blanco);color:#000}
#tpl-home .igcta:hover{background:var(--dorado)}

/* ===== 2 · Fechas por venir ===== *//* ---------- Plantilla 2: Fechas por venir ---------- *//* Pestañas de Tour (por venir / pasadas) */
#tpl-future .tabs{display:flex;justify-content:center;gap:8px;padding-top:22px}
#tpl-future .tabs a{text-decoration:none;font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;border:2px solid #4a3e3b;color:var(--texto-suave)}
#tpl-future .tabs a[aria-current="page"]{background:var(--dorado);border-color:var(--dorado);color:#000}
#tpl-future .tabs a:hover:not([aria-current]){border-color:var(--blanco);color:var(--blanco)}
#tpl-future .count{text-align:center;color:var(--gris);font-size:13.5px;margin:12px 0 0}/* Tarjetas con marco de brasa (pág. 3 del Canva) */
#tpl-future .ev-grid{display:grid;gap:22px;padding-block:24px 46px}
@container site (min-width:600px){
#tpl-future .ev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container site (min-width:1024px){
#tpl-future .ev-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
#tpl-future .ecard{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:6px;overflow:hidden;background:rgba(10,6,5,.92);box-shadow:inset 0 0 0 2px var(--brasa-osc),0 0 0 2px var(--brasa),0 0 22px rgba(181,60,30,.5);transition:transform .2s,box-shadow .2s}
#tpl-future .ecard:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 2px var(--brasa-osc),0 0 0 2px #e0582f,0 0 30px rgba(224,88,47,.6)}
#tpl-future .ecard .cart{position:relative;aspect-ratio:4/3;background:#111}
#tpl-future .ecard .cart img{display:block;width:100%;height:100%;object-fit:cover}
#tpl-future .ecard .cart .status{position:absolute;left:10px;top:10px;font-size:11px;padding:4px 9px;box-shadow:0 2px 10px rgba(0,0,0,.5)}
#tpl-future .ecard .datechip{position:absolute;right:10px;bottom:-26px;width:64px;text-align:center;background:#000;border:2px solid var(--dorado);border-radius:4px;padding:5px 0;font-variant-numeric:tabular-nums;z-index:1}
#tpl-future .ecard .datechip b{display:block;font-size:24px;line-height:1;font-weight:800}
#tpl-future .ecard .datechip span{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--dorado)}
#tpl-future .ecard .bd{display:grid;gap:4px;align-content:start;padding:16px 16px 18px}
#tpl-future .ecard .wk{font-size:12.5px;color:var(--gris);font-weight:600;letter-spacing:.04em;padding-right:72px}
#tpl-future .ecard h3{margin:0;font-size:19px;line-height:1.25;font-weight:800;padding-right:72px}
#tpl-future .ecard .rc{margin:2px 0 0;color:var(--texto-suave);font-size:14.5px}
#tpl-future .ecard .rc strong{color:var(--blanco);font-weight:700}
#tpl-future .ecard .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#tpl-future .ecard .acts a{text-decoration:none;font-weight:700;font-size:13.5px;padding:8px 14px;border-radius:4px}
#tpl-future .ecard .info-b{border:2px solid var(--blanco)}
#tpl-future .ecard .info-b:hover{border-color:var(--dorado);color:var(--dorado)}
#tpl-future .ecard .buy{background:var(--dorado);color:#000}
#tpl-future .ecard .buy:hover{filter:brightness(1.08)}
#tpl-future .ecard .enote{margin:10px 0 0;font-size:13px;color:var(--texto-suave);border-left:3px solid var(--rojo);padding-left:10px}
#tpl-future .ecard .enote.blue{border-color:#4e4ed6}/* tratamiento visual por estado */
#tpl-future .is-cancelado .cart img{filter:grayscale(1) brightness(.55)}
#tpl-future .is-cancelado h3,#tpl-future .is-cancelado .datechip b{text-decoration:line-through;text-decoration-color:var(--rojo);text-decoration-thickness:2px}
#tpl-future .is-pospuesto .datechip b,#tpl-future .is-pospuesto .datechip span{text-decoration:line-through;text-decoration-color:#7070ff}
#tpl-future .is-agotado .cart img{filter:saturate(.5)}
#tpl-future .igcta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.04em;padding:11px 18px;border-radius:4px;background:var(--blanco);color:#000}
#tpl-future .igcta:hover{background:var(--dorado)}/* Estado vacío */
#tpl-future .empty{display:grid;justify-items:center;gap:14px;text-align:center;padding:30px 18px 50px}
#tpl-future .empty .ring{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--brasa),0 0 24px rgba(181,60,30,.55);color:var(--dorado)}
#tpl-future .empty h3{margin:0;font-size:22px;font-weight:800;color:var(--dorado)}
#tpl-future .empty p{margin:0;max-width:44ch;color:var(--texto-suave)}
#tpl-future .empty .acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}

/* ===== 3 · Fechas pasadas ===== *//* ---------- Plantilla 3: Fechas pasadas ---------- */
#tpl-past .tabs{display:flex;justify-content:center;gap:8px;padding-top:22px}
#tpl-past .tabs a{text-decoration:none;font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;border:2px solid #4a3e3b;color:var(--texto-suave)}
#tpl-past .tabs a[aria-current="page"]{background:var(--dorado);border-color:var(--dorado);color:#000}
#tpl-past .tabs a:hover:not([aria-current]){border-color:var(--blanco);color:var(--blanco)}/* Filtro por año: el historial crece con los años */
#tpl-past .years{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0}
#tpl-past .years button{all:unset;cursor:pointer;font:700 13px/1 var(--f-body);padding:8px 13px;border-radius:3px;border:1px solid #5a4a46;color:var(--texto-suave);font-variant-numeric:tabular-nums}
#tpl-past .years button[aria-pressed="true"]{border-color:var(--blanco);color:var(--blanco);background:rgba(255,255,255,.08)}
#tpl-past .years button:focus-visible{outline:2px solid var(--dorado)}
#tpl-past .years button span{color:var(--gris);font-weight:600;margin-left:4px}/* Tabla con líneas blancas sobre el emblema (pág. 2 del Canva) */
#tpl-past .past{padding-block:22px 46px}
#tpl-past .yr-h{display:flex;align-items:baseline;gap:12px;margin:26px 0 10px}
#tpl-past .yr-h h3{margin:0;font-size:30px;font-weight:800;color:var(--dorado);font-variant-numeric:tabular-nums}
#tpl-past .yr-h span{color:var(--gris);font-size:13.5px}
#tpl-past .tbl{width:100%;border-collapse:collapse;background:rgba(0,0,0,.62)}
#tpl-past .tbl,#tpl-past .tbl tbody{display:block}
#tpl-past .tbl caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#tpl-past .tbl thead{display:none}
#tpl-past .tbl tr{display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:14px;border:1px solid var(--blanco);border-bottom-width:0}
#tpl-past .tbl tbody tr:last-child{border-bottom-width:1px}
#tpl-past .tbl td{display:block;padding:0}
#tpl-past .tbl .c-date{grid-column:1;font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}
#tpl-past .tbl .c-city{grid-column:1;color:var(--texto-suave);font-size:14.5px}
#tpl-past .tbl .c-venue{grid-column:1;font-size:15px}
#tpl-past .tbl .c-go{grid-column:2;grid-row:1/span 3;align-self:center}
#tpl-past .go{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:700;font-size:14px;padding:8px 13px;border:2px solid var(--blanco);border-radius:4px;white-space:nowrap}
#tpl-past .go:hover{border-color:var(--dorado);color:var(--dorado)}
#tpl-past .tag-c{display:inline-block;margin-left:8px;vertical-align:middle;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--rojo);color:#fff;padding:2px 7px;border-radius:2px}
#tpl-past .unused-hp{display:inline-flex;align-items:center;gap:5px;margin-left:8px;font-size:12px;color:var(--dorado);font-weight:700}
@container site (min-width:720px){
#tpl-past .tbl{display:table;table-layout:fixed}
#tpl-past .tbl th:nth-child(1){width:22%}
#tpl-past .tbl th:nth-child(2){width:30%}
#tpl-past .tbl th:nth-child(4){width:150px}
#tpl-past .tbl tbody{display:table-row-group}
#tpl-past .tbl thead{display:table-header-group}
#tpl-past .tbl tr{display:table-row;border:0;padding:0}
#tpl-past .tbl th,#tpl-past .tbl td{display:table-cell;border:1px solid var(--blanco);padding:16px 18px;text-align:left;vertical-align:middle}
#tpl-past .tbl th{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);font-weight:700;background:rgba(0,0,0,.7)}
#tpl-past .tbl .c-city{font-size:15px}
#tpl-past .tbl .c-go{text-align:center}
}
#tpl-past .loadmore{display:flex;justify-content:center;margin-top:24px}

/* ===== 5 · Noticias ===== *//* ---------- Plantilla 5: Noticias ---------- */
#tpl-news .hero img{filter:grayscale(1)}
#tpl-news .nlist{display:grid;gap:22px;padding-block:28px 20px}/* Fila del Canva: imagen + título/extracto + "Leer más" separado por línea blanca; alterna lado */
#tpl-news .nrow{display:grid;gap:0;background:rgba(0,0,0,.74);text-decoration:none;color:inherit;border-left:3px solid var(--blanco)}
#tpl-news .nrow .img{overflow:hidden}
#tpl-news .nrow img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .35s}
#tpl-news .nrow:hover img{transform:scale(1.04)}
#tpl-news .nrow .tx{display:grid;gap:6px;align-content:center;padding:16px 16px 6px;min-width:0}
#tpl-news .nrow time{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--dorado)}
#tpl-news .nrow h3{margin:0;font-size:19px;line-height:1.28;font-weight:800;text-wrap:balance}
#tpl-news .nrow p{margin:0;color:var(--texto-suave);font-size:14.5px;max-width:60ch}
#tpl-news .nrow .rd{display:flex;align-items:center;gap:6px;padding:10px 16px 16px;font-weight:800;font-size:14px;color:var(--dorado)}
#tpl-news .nrow:hover h3{color:var(--dorado)}
@container site (min-width:720px){
#tpl-news .nrow{grid-template-columns:minmax(0,260px) minmax(0,1fr) auto;align-items:stretch;border-left:0}
#tpl-news .nrow img{height:100%;aspect-ratio:4/3}
#tpl-news .nrow .tx{padding:18px 24px}
#tpl-news .nrow .rd{border-left:2px solid var(--blanco);padding:0 26px;white-space:nowrap}
#tpl-news .nrow.flip{grid-template-columns:auto minmax(0,1fr) minmax(0,260px)}
#tpl-news .nrow.flip .img{order:3}
#tpl-news .nrow.flip .rd{order:1;border-left:0;border-right:2px solid var(--blanco)}
#tpl-news .nrow.flip .tx{order:2;text-align:right;justify-items:end}
}
@container site (min-width:1024px){
#tpl-news .nrow{grid-template-columns:minmax(0,340px) minmax(0,1fr) auto}
#tpl-news .nrow.flip{grid-template-columns:auto minmax(0,1fr) minmax(0,340px)}
#tpl-news .nrow h3{font-size:22px}
}/* Nota destacada: la más reciente ocupa todo el ancho */
#tpl-news .lead{position:relative;display:block;text-decoration:none;overflow:hidden;border-radius:4px;box-shadow:0 0 0 1px var(--linea)}
#tpl-news .lead img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .4s}
#tpl-news .lead:hover img{transform:scale(1.03)}
#tpl-news .lead .ov{padding:16px 16px 18px;background:rgba(0,0,0,.85);display:grid;gap:6px}
#tpl-news .lead .tag{justify-self:start;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--dorado);color:#000;padding:3px 9px;border-radius:3px}
#tpl-news .lead h3{margin:0;font-size:clamp(21px,4.4cqi,34px);line-height:1.15;font-weight:800;text-wrap:balance;max-width:24ch}
#tpl-news .lead p{margin:0;color:var(--texto-suave);max-width:60ch;font-size:15px}
#tpl-news .lead time{font-size:12.5px;color:var(--gris);font-weight:700}
@container site (min-width:720px){
#tpl-news .lead img{aspect-ratio:21/9}
#tpl-news .lead .ov{position:absolute;inset:auto 0 0 0;padding:80px 28px 26px;background:linear-gradient(transparent,rgba(0,0,0,.9) 55%)}}/* Texto justificado (corrección del cliente) */
#tpl-news .nrow p,#tpl-news .lead p{text-align:justify;text-align-last:left;hyphens:auto}
#tpl-news .nrow.flip p{text-align-last:right}/* Paginación */
#tpl-news .pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-block:18px 48px}
#tpl-news .pager a,#tpl-news .pager span{min-width:40px;height:40px;display:grid;place-items:center;padding:0 12px;text-decoration:none;font-weight:700;font-size:14px;border:2px solid #4a3e3b;border-radius:4px;font-variant-numeric:tabular-nums}
#tpl-news .pager a:hover{border-color:var(--blanco)}
#tpl-news .pager [aria-current]{background:var(--blanco);color:#000;border-color:var(--blanco)}
#tpl-news .pager .dots{border:0;min-width:auto;padding:0;color:var(--gris)}

/* ===== 7 · Banda ===== *//* ---------- Plantilla 7: Banda ---------- *//* Fondo de guitarra roja con capa oscura (pág. 5 del Canva + ajuste de contraste de la auditoría) */
#tpl-band .gbg{position:relative;background:var(--negro)}
#tpl-band .gbg::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.9) 40%,#000 85%),url(../img/fondos/banda-retratos.jpg) center top/cover no-repeat;pointer-events:none}
#tpl-band .gbg>*{position:relative}
#tpl-band .members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;padding-block:30px 10px}
@container site (min-width:600px){
#tpl-band .members{grid-template-columns:repeat(4,minmax(0,1fr))}}
#tpl-band .mem{display:grid;justify-items:center;align-content:start;text-align:center;gap:6px;min-width:0}
#tpl-band .mem:last-child:nth-child(odd){grid-column:1/-1}
@container site (min-width:600px){
#tpl-band .mem:last-child:nth-child(odd){grid-column:auto}}
#tpl-band .ava{width:min(132px,100%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#2a1210,#0b0606 70%);box-shadow:0 0 0 3px var(--brasa),0 0 22px rgba(181,60,30,.55);font-weight:800;font-size:34px;color:var(--dorado);letter-spacing:.02em;margin-bottom:6px;overflow:hidden}
#tpl-band .ava img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;border-radius:50%}
#tpl-band .mem h3{margin:0;font-size:20px;font-weight:800}
#tpl-band .mem .full{font-size:12.5px;color:var(--gris);line-height:1.35}
#tpl-band .mem .inst{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dorado)}
#tpl-band .mem .inst.tbd{color:var(--gris);font-weight:600;letter-spacing:.06em}
#tpl-band .mem .since{font-size:12px;color:var(--texto-suave)}
#tpl-band .mem .infl{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px}
#tpl-band .mem .infl span{font-size:11px;padding:2px 7px;border:1px solid var(--linea);border-radius:3px;background:rgba(0,0,0,.6);color:var(--texto-suave)}
#tpl-band .mem .ig{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:12.5px;font-weight:700;color:var(--blanco);text-decoration:none;opacity:.85}
#tpl-band .mem .ig:hover{color:var(--dorado);opacity:1}
#tpl-band .pend{font-size:12px;color:var(--gris);border:1px dashed #5a4a46;padding:6px 10px;border-radius:4px;text-align:center;max-width:70ch;margin:18px auto 0}/* Historia */
#tpl-band .story{padding-block:44px 50px;display:grid;gap:30px}
#tpl-band .story h2{margin:0 0 4px;text-align:center;font-size:clamp(26px,5cqi,38px);font-weight:800;color:var(--dorado)}
#tpl-band .prose2{min-width:0;background:rgba(0,0,0,.6)}
#tpl-band .prose2 p{margin:0 0 16px;max-width:65ch;font-size:16.5px;line-height:1.75;color:#efebe8}
#tpl-band .prose2 .name{display:block;margin:26px 0 12px;padding:16px 18px;border-left:4px solid var(--rojo);background:rgba(141,0,2,.14);font-size:16px;line-height:1.6}
#tpl-band .prose2 .name b{color:var(--dorado);font-size:20px}/* Línea de tiempo: fechas reales del documento de la banda */
#tpl-band .tl{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
#tpl-band .tl::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--brasa),var(--rojo))}
#tpl-band .tl li{position:relative;padding:0 0 22px 34px}
#tpl-band .tl li::before{content:"";position:absolute;left:2px;top:5px;width:12px;height:12px;border-radius:50%;background:#000;border:2px solid var(--dorado)}
#tpl-band .tl time{display:block;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dorado);font-variant-numeric:tabular-nums}
#tpl-band .tl strong{display:block;font-size:16px;margin-top:2px}
#tpl-band .tl span{display:block;font-size:14px;color:var(--texto-suave)}
#tpl-band .tl-box{background:rgba(11,9,9,.85);border:1px solid var(--linea);border-radius:6px;padding:20px 18px 2px;align-self:start}
#tpl-band .tl-box h3{margin:0 0 16px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
@container site (min-width:1024px){
#tpl-band .story{grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
#tpl-band .story h2{grid-column:1/-1}
#tpl-band .tl-box{position:sticky;top:16px}
}

/* ---------- Migas reutilizadas + genéricos de sección ---------- */
.pad{padding-block:20px 44px}

/* ---------- 8 · Tienda ---------- */
.store-head{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:baseline;padding-top:4px}
.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
@container site (min-width:600px){.store-grid{grid-template-columns:repeat(3,1fr)}}
@container site (min-width:1024px){.store-grid{grid-template-columns:repeat(4,1fr)}}
.prod{display:grid;gap:10px;text-decoration:none;color:var(--blanco)}
.prod-ph{position:relative;aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:3px solid var(--linea);transition:border-color .2s,box-shadow .2s}
.prod-ph img{width:100%;height:100%;object-fit:cover;display:block}
.prod:hover .prod-ph{border-color:var(--dorado);box-shadow:0 0 0 4px rgba(230,175,71,.18)}
.prod h3{margin:0;font-size:15px;font-weight:700;line-height:1.3}
.prod .precio{font-size:13.5px;color:var(--dorado);font-weight:700}
.prod .precio small{color:var(--gris);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:5px}
.chip{font-size:11px;font-weight:700;letter-spacing:.03em;padding:2px 8px;border:1px solid var(--linea);border-radius:3px;color:var(--texto-suave);background:#120e0e}
.prod-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:9px 10px;border-radius:4px;background:var(--dorado);color:#000;text-decoration:none;margin-top:2px}
.prod-cta:hover{filter:brightness(1.08)}
.ext-note{font-size:11px;color:var(--gris)}

/* ---------- 9 · Música (índice A–Z) ---------- */
.az{position:sticky;top:0;z-index:3;display:flex;gap:4px;overflow-x:auto;padding:12px 0;background:linear-gradient(var(--negro) 80%,transparent);margin-bottom:6px;scrollbar-width:thin}
.az a{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:13px;text-decoration:none;color:var(--texto-suave);border:1px solid var(--linea)}
.az a.has{color:var(--blanco);border-color:var(--dorado)}
.az a.has:hover{background:var(--dorado);color:#000}
.letter-group{padding-top:22px;scroll-margin-top:60px}
.letter-group>h3{margin:0 0 10px;font-size:22px;font-weight:800;color:var(--dorado);border-bottom:1px solid var(--linea);padding-bottom:6px}
.song-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 4px;text-decoration:none;color:var(--blanco);border-bottom:1px solid #1d1716}
.song-row:hover .song-t{color:var(--dorado)}
.song-t{font-weight:700;font-size:15px}
.song-alb{display:block;font-size:12.5px;color:var(--gris);margin-top:2px}
.song-dur{font-variant-numeric:tabular-nums;color:var(--texto-suave);font-size:13.5px}
.song-row .lnk{margin:0}
.listen{display:grid;gap:12px;background:rgba(11,9,9,.82);border:1px solid var(--linea);border-radius:8px;padding:18px;margin-bottom:28px}
.listen-face{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.play-btn{all:unset;cursor:pointer;width:52px;height:52px;border-radius:50%;background:var(--dorado);color:#000;display:grid;place-items:center;flex:none}
.play-btn:hover{filter:brightness(1.08)}
.listen-embed{aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000;display:grid;place-items:center;color:var(--gris);font-size:13px;border:1px solid var(--linea)}
.listen-embed iframe{width:100%;height:100%;border:0}

/* ---------- 10 · Ficha de canción ---------- */
.song-wrap{display:grid;gap:26px;padding-block:18px 36px}
.song-title{margin:0;font-size:clamp(26px,6cqi,44px);font-weight:800;line-height:1.1;text-wrap:balance}
.lyrics{min-width:0;background:rgba(0,0,0,.72);padding:4px 0}
.lyrics p{margin:0 0 20px;max-width:60ch;font-size:16.5px;line-height:1.85;white-space:pre-line;color:#efebe8}
.song-side{display:grid;gap:14px;align-content:start}
.srow{display:flex;gap:12px;align-items:flex-start}
.srow svg{flex:none;margin-top:2px;color:var(--dorado)}
.srow h4{margin:0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.srow p{margin:2px 0 0}
.platforms{display:grid;gap:8px}
.plat{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--linea);border-radius:5px;text-decoration:none;color:var(--blanco);font-weight:700;font-size:14px}
.plat:hover{border-color:var(--dorado);color:var(--dorado)}
.songnav{display:flex;justify-content:space-between;gap:10px;padding-block:8px 36px;border-top:1px solid var(--linea);margin-top:6px}
.songnav a{max-width:46%}
.songnav span{display:block;font-size:11px;color:var(--gris);text-transform:uppercase;letter-spacing:.08em}
@container site (min-width:1024px){
  .song-wrap{grid-template-columns:minmax(0,1fr) 300px;gap:48px}
  .song-side{position:sticky;top:16px}
}

/* ---------- 11/12 · Galerías (Photos / Videos) ---------- */
.tabs{display:flex;gap:8px;flex-wrap:wrap;padding-top:6px}
.tab{all:unset;cursor:pointer;flex:1 1 auto;min-width:0;text-align:center;font-weight:800;font-size:13px;letter-spacing:.02em;padding:12px 10px;border-radius:8px 8px 0 0;background:#c1ab7a;color:#2a2112;border:1px solid #8f7c52;border-bottom:0}
.tab[aria-selected="true"]{background:var(--negro);color:var(--dorado);border-color:var(--linea)}
.tab-panel{background:rgba(11,9,9,.5);border:1px solid var(--linea);border-radius:0 0 8px 8px;padding:16px}
.grid3{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@container site (min-width:600px){.grid3{grid-template-columns:repeat(3,1fr)}}
@container site (min-width:1024px){.grid3{grid-template-columns:repeat(4,1fr)}}
.ph-item{all:unset;cursor:pointer;display:block;aspect-ratio:1/1;border-radius:3px;overflow:hidden;position:relative}
.ph-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.ph-item:hover img{transform:scale(1.06)}
.ph-item:focus-visible{outline:2px solid var(--dorado);outline-offset:2px}
.vid-item{display:block;border-radius:4px;overflow:hidden;background:#0d0a0a;border:1px solid var(--linea)}
.vid-ph{all:unset;cursor:pointer;position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000}
.vid-ph img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72}
.vid-play{position:absolute;inset:0;display:grid;place-items:center}
.vid-play i{width:58px;height:58px;border-radius:50%;background:rgba(0,0,0,.55);border:2px solid var(--blanco);display:grid;place-items:center}
.vid-item:hover .vid-play i{background:var(--dorado);border-color:var(--dorado);color:#000}
.vid-embed{width:100%;aspect-ratio:16/9;border:0;display:block}
.vid-meta{padding:10px 12px}
.vid-meta strong{display:block;font-size:14px;line-height:1.3}
.vid-meta span{display:block;font-size:12px;color:var(--gris);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}
dialog.lightbox{border:0;padding:0;background:transparent;max-width:92vw;max-height:88vh}
dialog.lightbox::backdrop{background:rgba(0,0,0,.86)}
dialog.lightbox img{max-width:92vw;max-height:80vh;display:block;border-radius:4px}
.lb-close{all:unset;cursor:pointer;position:fixed;top:18px;right:18px;width:42px;height:42px;border-radius:50%;background:var(--blanco);color:#000;display:grid;place-items:center}

/* ---------- 13 · Resultados de búsqueda ---------- */
.search-box{display:flex;gap:8px;margin-top:16px}
.search-box input{flex:1;min-width:0;background:var(--tinta);border:1px solid var(--linea);border-radius:4px;color:var(--blanco);padding:12px 14px;font:15px var(--f-body)}
.search-box button{all:unset;cursor:pointer;background:var(--dorado);color:#000;display:grid;place-items:center;padding:0 16px;border-radius:4px;font-weight:800}
.filters{display:flex;gap:8px;flex-wrap:wrap;padding:18px 0 6px}
.filters button{all:unset;cursor:pointer;font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px;border:1px solid var(--linea);color:var(--texto-suave)}
.filters button[aria-pressed="true"]{background:var(--dorado);color:#000;border-color:var(--dorado)}
.count{font-size:13px;color:var(--gris);padding:4px 0 10px}
.results{display:grid;gap:4px}
.result{display:block;text-decoration:none;color:var(--blanco);padding:16px 4px;border-bottom:1px solid #1d1716}
.result .tag{display:inline-block;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;color:#000;background:var(--dorado);padding:3px 8px;border-radius:3px;margin-bottom:6px}
.result h3{margin:0 0 4px;font-size:17px;font-weight:700}
.result p{margin:0;color:var(--texto-suave);font-size:14px;max-width:70ch}
.result mark{background:rgba(230,175,71,.35);color:var(--blanco);border-radius:2px;padding:0 2px}
.result time{display:block;margin-top:6px;font-size:12px;color:var(--gris)}
.pagin{display:flex;gap:8px;justify-content:center;padding-top:26px}
.pagin a{width:36px;height:36px;display:grid;place-items:center;border-radius:4px;border:1px solid var(--linea);text-decoration:none;color:var(--texto-suave);font-weight:700}
.pagin a[aria-current]{background:var(--dorado);color:#000;border-color:var(--dorado)}

/* ---------- 14 · Error 404 ---------- */
.e404{text-align:center;padding-block:34px 44px;display:grid;gap:16px;justify-items:center}
.e404 h1{margin:0;font-size:clamp(26px,6cqi,42px);font-weight:800}
.e404 p{max-width:48ch;color:var(--texto-suave);margin:0}
.quick{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}

/* ---------- Ajustes por Modelo de contenidos ---------- */
/* Tienda: tarjeta con botones (foto y nombre abren el detalle) */
.prod{align-content:start}
button.prod-ph{display:block;width:100%;padding:0;background:none;cursor:pointer}
.prod h3{margin:0}
.prod-name{all:unset;cursor:pointer;font-weight:700;font-size:15px;line-height:1.3}
.prod-name:hover{color:var(--dorado)}
.prod-name:focus-visible{outline:2px solid var(--dorado);outline-offset:3px}
.prod .precio strong{font-size:17px}
.chip b{color:var(--gris);font-weight:700;margin-right:4px}
/* Detalle de producto (descripción + galería) */
dialog.qv{border:1px solid var(--linea);background:var(--tinta);color:var(--blanco);padding:0;width:min(940px,94vw);max-height:92vh;overflow:auto;border-radius:8px}
dialog.qv::backdrop{background:rgba(0,0,0,.86)}
.qv-body{display:grid;gap:22px;padding:22px}
.qv-main{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;box-shadow:0 0 0 2px var(--brasa),0 0 20px rgba(181,60,30,.45)}
.qv-thumbs{display:flex;gap:8px;margin-top:10px}
.qv-th{all:unset;cursor:pointer;flex:1;max-width:84px;aspect-ratio:1/1;border-radius:4px;overflow:hidden;outline:2px solid transparent;outline-offset:2px}
.qv-th img{width:100%;height:100%;object-fit:cover;display:block}
.qv-th[aria-pressed="true"]{outline-color:var(--dorado)}
.qv-th:focus-visible{outline-color:var(--blanco)}
.qv-info{display:grid;gap:14px;align-content:start}
.qv-info h2{margin:0;font-size:clamp(22px,4vw,30px);line-height:1.15;font-weight:800}
.qv-price strong{font-size:24px}
.qv-price small{color:var(--gris);font-size:13px;font-weight:600}
.qv-spec{margin:0;display:grid;gap:8px}
.qv-spec dt{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);font-weight:700}
.qv-spec dd{margin:2px 0 0}
.qv-desc p{margin:0 0 10px;max-width:60ch;color:#ece8e5}
.qv-desc ul{margin:0 0 10px;padding-left:20px}
@media (min-width:760px){.qv-body{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:30px;padding:30px}}

/* Música: índice por álbum, con enlaces de escucha por canción */
.az a.alb{width:auto;height:auto;padding:7px 14px;border-radius:999px;display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
.az a.alb small{font-size:11px;color:var(--gris);font-weight:700}
.az a.alb:hover small{color:#000}
.letter-group>h3 small{font-size:13px;color:var(--gris);font-weight:600;margin-left:8px}
.song-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:12px 4px;border-bottom:1px solid #1d1716}
.song-main{text-decoration:none;color:var(--blanco);min-width:0}
.song-main:hover .song-t{color:var(--dorado)}
.song-plat{display:flex;flex-wrap:wrap;gap:6px}
.plat-sm{font-size:12px;font-weight:700;padding:4px 10px;border:1px solid var(--linea);border-radius:999px;text-decoration:none;color:var(--texto-suave)}
.plat-sm:hover{border-color:var(--dorado);color:var(--dorado)}
.song-row .lnk{margin:0;justify-self:end}
@container site (min-width:720px){
  .song-row{grid-template-columns:minmax(0,1fr) 52px 270px 112px;gap:14px}
  .song-dur{text-align:right}
  .song-plat{justify-content:flex-start}
}

/* Photos: pie de foto con fecha y lugar en el visor */
.lb-fig{margin:0}
.lb-fig figcaption{background:rgba(0,0,0,.88);padding:12px 16px;border-radius:0 0 4px 4px;color:var(--blanco)}
.lb-fig figcaption strong{display:block}
.lb-fig figcaption span{display:block;font-size:13px;color:var(--gris);margin-top:2px}
dialog.lightbox img{border-radius:4px 4px 0 0}


/* ---- ajustes de convivencia entre las plantillas de Diego y las mías ---- */
#tpl-future .empty svg{color:var(--dorado)}
#tpl-future .count{padding:0}
.az span{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:13px;color:#5b4f4b;border:1px solid #241c1a}




/* 404: encabezado más alto para que quepan los 4 integrantes de la foto */
@container site (min-width:720px){#tpl-404 .hero{min-height:500px}}

/* ---- Encabezados sin borde rasgado: la foto se desvanece hacia la franja negra y el logo
        "SCRIPTUS" es parte de ese desvanecido (sin caja, sin borde) ---- */
.torn{display:none}
.hero{--fade-h:clamp(108px,24cqi,170px);min-height:236px}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--fade-h);z-index:4;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.92) 80%,#000 100%)}
.hero-t{padding:14px 18px 66px}
@container site (min-width:720px){.hero{min-height:340px}.hero-t{padding:28px 18px 84px}}

/* ---- Inicio: la foto se desvanece hasta negro y el logo grande vive DENTRO de ese desvanecido,
        con un resplandor de brasas detrás (la misma identidad del emblema y del resto del sitio) ---- */
#tpl-home .home-hero{background:#000;overflow-x:clip}
#tpl-home .home-hero .ph::after{background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.78) 74%,#000 100%)}
#tpl-home .home-logo{--lw:clamp(270px,60cqi,540px);width:var(--lw);margin:calc(var(--lw) * -.36) auto 0}
#tpl-home .home-logo::before{content:"";position:absolute;left:50%;top:50%;width:170%;height:190%;transform:translate(-50%,-48%);z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(181,60,30,.42),rgba(181,60,30,.14) 58%,rgba(181,60,30,0) 100%)}
#tpl-home .home-logo img{filter:drop-shadow(0 4px 18px rgba(0,0,0,.85))}
#tpl-home .next{margin-top:10px}

/* =====  Encabezados v6: título ARRIBA, las 4 caras completas en el centro, logo en el desvanecido de abajo  ===== */
.hero{place-items:start center;min-height:270px}
.hero img{z-index:0}
.hero::before{z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.46) 26%,rgba(0,0,0,.06) 48%,rgba(0,0,0,0) 62%)}
.hero-t{z-index:2;padding:6px 18px 0}
.hero h2{margin-top:3px;line-height:1;font-size:clamp(24px,7cqi,58px)}
.eyebrow{font-size:11px;padding:3px 9px}
@container site (min-width:720px){
  .hero{min-height:clamp(480px,39cqi,640px)}
  .hero-t{padding:22px 18px 0}
  .hero h2{margin-top:8px;line-height:1.05;font-size:clamp(28px,8cqi,58px)}
  .eyebrow{font-size:12px;padding:4px 10px}
}
/* 404: el título va abajo a la izquierda (sobre la playera negra) y sin logo, para no tapar ninguna cara */
#tpl-404 .hero{place-items:end start}
@container site (min-width:1000px){#tpl-404 .hero{min-height:clamp(540px,43.5cqi,700px)}}
#tpl-404 .hero-t{z-index:5;text-align:left;padding:0 5cqi 4cqi}
#tpl-404 .hero::before{background:linear-gradient(0deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.4) 24%,rgba(0,0,0,0) 48%)}
#tpl-404 .hero::after{height:56px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.85) 100%)}
/* posición de cada foto por pantalla (móvil, tableta, escritorio) para que ninguna cabeza se corte */
#tpl-future .hero img{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-future .hero img{object-position:center 10.4%!important}}
@container site (min-width:1000px){#tpl-future .hero img{object-position:center 30.9%!important}}
#tpl-past .hero img{object-position:center 0.5%!important}
@container site (min-width:720px){#tpl-past .hero img{object-position:center 7.9%!important}}
@container site (min-width:1000px){#tpl-past .hero img{object-position:center 21.2%!important}}
#tpl-ev .hero img{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-ev .hero img{object-position:center 0.0%!important}}
@container site (min-width:1000px){#tpl-ev .hero img{object-position:center 8.7%!important}}
#tpl-news .hero img{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-news .hero img{object-position:center 0.0%!important}}
@container site (min-width:1000px){#tpl-news .hero img{object-position:center 10.5%!important}}
#tpl-nt .hero img{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-nt .hero img{object-position:center 1.1%!important}}
@container site (min-width:1000px){#tpl-nt .hero img{object-position:center 21.8%!important}}
#tpl-band .hero img{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-band .hero img{object-position:center 11.5%!important}}
@container site (min-width:1000px){#tpl-band .hero img{object-position:center 31.5%!important}}
#tpl-store .hero img{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-store .hero img{object-position:center 11.5%!important}}
@container site (min-width:1000px){#tpl-store .hero img{object-position:center 31.5%!important}}
#tpl-music .hero img{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-music .hero img{object-position:center 11.5%!important}}
@container site (min-width:1000px){#tpl-music .hero img{object-position:center 31.5%!important}}
#tpl-song .hero img{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-song .hero img{object-position:center 0.0%!important}}
@container site (min-width:1000px){#tpl-song .hero img{object-position:center 25.7%!important}}
#tpl-photos .hero img{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-photos .hero img{object-position:center 11.5%!important}}
@container site (min-width:1000px){#tpl-photos .hero img{object-position:center 31.5%!important}}
#tpl-videos .hero img{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-videos .hero img{object-position:center 11.5%!important}}
@container site (min-width:1000px){#tpl-videos .hero img{object-position:center 31.5%!important}}
#tpl-search .hero img{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-search .hero img{object-position:center 11.5%!important}}
@container site (min-width:1000px){#tpl-search .hero img{object-position:center 31.5%!important}}
#tpl-home .home-hero .ph img{object-position:center 84.1%!important}
@container site (min-width:720px){#tpl-home .home-hero .ph img{object-position:center 71.5%!important}}
@container site (min-width:1000px){#tpl-home .home-hero .ph img{object-position:center 62.0%!important}}
#tpl-404 .hero img.m{object-position:center 0.0%!important}
@container site (min-width:720px){#tpl-404 .hero img.m{object-position:center 0.0%!important}}
#tpl-404 .hero img.d{display:none}
@container site (min-width:1000px){#tpl-404 .hero img.d{display:block;object-position:center 44.0%!important}#tpl-404 .hero img.m{display:none}}

/* =====================  v7 · cambios de la banda (oct 2026)  ===================== */
:root{
  --st-ultimos:#F05B21; --st-disponible:#0066FF; --st-agotado:#E6AF47; --st-pospuesto:#000; --st-cancelado:#8D0002; --st-gratuito:#00C896; --st-pasado:#6E6D68;
  --porvenir:#FFD400; --pasadas:#F05B21; --cargar:#51AFF7; --azul-e:#0066FF; --naranja-ev:#B5522C;
  --gris-m:#6E6D68; --gris-anos:#BEBBBB; --amarillo-t:#F5D02A; --azul-inst:#161689;
}

/* --- Todos los encabezados en mayúsculas --- */
.hero h2,.sec-h,.e404 h1,.song-title,#tpl-home .brush h2,#tpl-band .story h2,#tpl-band .mem h3,.desc h3,.gal h3,.more h3,
.art h1,#tpl-news .lead h3,#tpl-news .nrow h3,#tpl-home .ncard strong,#tpl-nt .mcard strong,.qv-info h2,.empty h2,.empty h3,
#tpl-past .yr-h h3,.letter-group>h3{text-transform:uppercase;letter-spacing:.02em}

/* --- Móvil y tableta: sin la palabra «Tour»; la guadaña al centro exacto --- */
.hdr-in{grid-template-columns:1fr auto 1fr}
.hdr-in .burger{justify-self:start}.hdr-in .mark{justify-self:center}.hdr-in .search{justify-self:end}

/* --- Inicio: logo nuevo (la guadaña ya viene centrada en la imagen) --- */
#tpl-home .home-logo img{filter:drop-shadow(0 6px 26px rgba(0,0,0,.95))}
#tpl-home .home-logo::before{background:radial-gradient(closest-side,rgba(141,0,2,.45),rgba(141,0,2,.14) 58%,rgba(141,0,2,0) 100%)}
.ftr .flogo{max-width:240px}

/* --- Pie: solo fotos y redes; Instagram de Teo pendiente de enlace --- */
.ftr .msoc a.pend{opacity:.45;outline:1px dashed #6E6D68;outline-offset:2px}

/* --- Colores de disponibilidad (en Inicio, Fechas por venir y Ficha de evento) --- */
.st-ultimos{background:var(--st-ultimos);color:#000}
.st-disponible{background:var(--st-disponible);color:#fff}
.st-agotado{background:var(--st-agotado);color:#000}
.st-pospuesto{background:#000;color:#fff;box-shadow:inset 0 0 0 1.5px #BEBBBB}
.st-cancelado{background:var(--st-cancelado);color:#fff}
.st-gratuito{background:var(--st-gratuito);color:#000}
.st-pasado{background:#2a2423;color:#BEBBBB}

/* --- Fechas por venir --- */
#tpl-future .tabs a[aria-current="page"]{background:var(--porvenir);border-color:var(--porvenir);color:#000}
#tpl-future .tabs a:hover:not([aria-current]){border-color:var(--pasadas);color:var(--pasadas)}
#tpl-future .ecard{--pc:var(--brasa)}
#tpl-future .ecard.is-ultimos{--pc:var(--st-ultimos)}#tpl-future .ecard.is-disponible{--pc:var(--st-disponible)}
#tpl-future .ecard.is-agotado{--pc:var(--st-agotado)}#tpl-future .ecard.is-cancelado{--pc:var(--st-cancelado)}
#tpl-future .ecard,#tpl-future .ecard:hover{box-shadow:0 0 0 2px var(--pc),0 0 22px color-mix(in srgb,var(--pc) 45%,transparent)}
#tpl-future .ecard.is-pospuesto,#tpl-future .ecard.is-pospuesto:hover{box-shadow:0 0 0 2px #000,0 0 0 4px #BEBBBB}
#tpl-future .ecard .datechip{border-color:var(--pc)}
#tpl-future .ecard.is-pospuesto .datechip{border-color:#BEBBBB}
#tpl-future .ecard .buy{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}
#tpl-future .ecard .buy:hover{background:#fff;color:#000;filter:none}
#tpl-future .ecard .buy.free{color:var(--st-gratuito);box-shadow:inset 0 0 0 2px var(--st-gratuito)}
#tpl-future .ecard .buy.free:hover{background:var(--st-gratuito);color:#000}

/* --- Fechas pasadas --- */
#tpl-past .tabs a[aria-current="page"]{background:var(--pasadas);border-color:var(--pasadas);color:#000}
#tpl-past .tabs a:hover:not([aria-current]){border-color:var(--porvenir);color:var(--porvenir)}
#tpl-past .yr-h h3{color:var(--gris-anos)}
#tpl-past .loadmore .btn-o{background:var(--cargar);border-color:var(--cargar);color:#000}
#tpl-past .loadmore .btn-o:hover{filter:brightness(1.1);color:#000}

/* --- Ficha de evento --- */
#tpl-ev{--pc:var(--st-disponible)}
#tpl-ev[data-st="ultimos"]{--pc:var(--st-ultimos)}#tpl-ev[data-st="agotado"]{--pc:var(--st-agotado)}
#tpl-ev[data-st="cancelado"]{--pc:var(--st-cancelado)}#tpl-ev[data-st="gratuito"]{--pc:var(--st-gratuito)}
#tpl-ev[data-st="pasado"]{--pc:var(--st-pasado)}
#tpl-ev .poster{box-shadow:0 0 0 3px var(--pc),0 0 26px 2px color-mix(in srgb,var(--pc) 50%,transparent)}
#tpl-ev[data-st="pospuesto"] .poster{box-shadow:0 0 0 3px #000,0 0 0 5px #BEBBBB}
#tpl-ev .cta{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}
#tpl-ev .cta:hover{background:#fff;color:#000;filter:none}
#tpl-ev .cta.free{color:var(--st-gratuito);box-shadow:inset 0 0 0 2px var(--st-gratuito)}
#tpl-ev .cta.free:hover{background:var(--st-gratuito);color:#000}
#tpl-ev .cta[aria-disabled="true"],#tpl-ev .cta[aria-disabled="true"]:hover{background:transparent;color:var(--gris);box-shadow:inset 0 0 0 2px #4a3e3b}
#tpl-ev .desc h3{color:#fff}
#tpl-ev .pmain .row svg{color:var(--naranja-ev)}
#tpl-ev .pmain .lnk{color:var(--naranja-ev);font-size:19px}          /* 19 px en negrita = texto grande: cumple el contraste mínimo */
#tpl-ev .gal-head h3,#tpl-ev .gal-head .lnk{color:#fff}
#tpl-ev .back .btn-o:nth-child(1){background:var(--porvenir);border-color:var(--porvenir);color:#000}
#tpl-ev .back .btn-o:nth-child(2){background:var(--pasadas);border-color:var(--pasadas);color:#000}
#tpl-ev .back .btn-o:hover{filter:brightness(1.08)}

/* --- Noticias y nota individual --- */
#tpl-news .lead .tag{background:var(--azul-e);color:#fff}
#tpl-nt .art-meta .tag{background:var(--azul-e);color:#fff}
#tpl-nt .relcard small{color:var(--pasadas)}
#tpl-nt .relcard .lnk{color:var(--porvenir)}
#tpl-nt .prose h3{color:var(--blanco)}

/* --- Banda (referencia Megadeth): foto sin contorno, nombre e instrumentos en azul --- */
#tpl-band .ava{box-shadow:none;background:none}
#tpl-band .mem{display:grid;justify-items:center;gap:10px;text-align:center}
#tpl-band .mem h3{font-size:22px;letter-spacing:.08em}
#tpl-band .mem .alias{display:block;font-size:13px;letter-spacing:.14em;color:var(--gris-anos);font-weight:700}
#tpl-band .mem .roles{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0}
#tpl-band .mem .roles span{background:var(--azul-inst);color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:3px}
#tpl-band .story{display:block}
#tpl-band .story .prose2{max-width:72ch;margin-inline:auto}

/* --- Tienda: contorno cuadrado en amarillo #F5D02A; misma alineación --- */
#tpl-store .prod-ph{border-radius:6px;border:2px solid var(--amarillo-t)}
#tpl-store .prod:hover .prod-ph{border-color:var(--amarillo-t);box-shadow:0 0 0 4px rgba(245,208,42,.22)}
#tpl-store .prod .precio{color:var(--amarillo-t)}
#tpl-store .prod-cta,#tpl-store dialog.qv .cta{background:var(--amarillo-t);color:#000}
#tpl-store .prod-name:hover{color:var(--amarillo-t)}
#tpl-store .qv-th[aria-pressed="true"]{outline-color:var(--amarillo-t)}
#tpl-store .qv-main{box-shadow:0 0 0 2px var(--amarillo-t)}

/* --- Música: «Canciones y letras», por abecedario, títulos y letras en gris #6E6D68 --- */
#tpl-music .letter-group>h3{color:var(--gris-m);font-size:26px}
#tpl-music .song-t{color:var(--gris-m);font-size:19px;font-weight:800}   /* 19 px en negrita = texto grande */
#tpl-music .song-main:hover .song-t{color:#fff}
#tpl-music .az a,#tpl-music .az span{width:36px;height:36px;font-size:19px}
#tpl-music .az a.has{color:var(--gris-m);border-color:var(--gris-m)}
#tpl-music .az a.has:hover{background:var(--gris-m);color:#000}

/* --- Botones de plataformas: al pasar el mouse toman el color de cada una --- */
.plat.p-sp:hover,.plat-sm.p-sp:hover{background:#1DB954;border-color:#1DB954;color:#000}
.plat.p-yt:hover,.plat-sm.p-yt:hover{background:#FF0000;border-color:#FF0000;color:#fff}
.plat.p-am:hover,.plat-sm.p-am:hover{background:#FA243C;border-color:#FA243C;color:#fff}
#tpl-song .back-idx{color:var(--gris-m);font-size:19px}

/* --- Photos y Videos: categorías con color y composición editorial (no «galería de teléfono») --- */
#tpl-photos .tabs,#tpl-videos .tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-top:10px;margin-bottom:18px}
#tpl-photos .tab,#tpl-videos .tab{flex:0 0 auto;background:transparent;border:2px solid var(--tc);border-radius:999px;color:var(--blanco);padding:9px 18px;font-size:13.5px}
#tpl-photos .tab[aria-selected="true"],#tpl-videos .tab[aria-selected="true"]{background:var(--tc);color:#000}
.tab[data-filter=""]{--tc:#E6AF47}
.tab[data-filter="en-vivo"],.tab[data-filter="vivo"]{--tc:#F05B21}
.tab[data-filter="banda"],.tab[data-filter="oficial"]{--tc:#0066FF}
#tpl-photos .tab[data-filter="banda"][aria-selected="true"],#tpl-videos .tab[data-filter="oficial"][aria-selected="true"]{color:#fff}
.cat{font-style:normal;display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:3px;margin-right:4px}
.c-en-vivo,.c-vivo{background:#F05B21;color:#000}
.c-banda,.c-oficial{background:#0066FF;color:#fff}
.mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;grid-auto-flow:dense}
.mosaic .ph-item{aspect-ratio:4/5;border-radius:4px;box-shadow:0 0 0 1px #2a2220}
.mosaic .ph-item:nth-child(9n+1){grid-column:span 2;aspect-ratio:4/3}
.mosaic .ph-item:nth-child(9n+9){grid-column:span 2;aspect-ratio:16/9}
.mosaic .ph-item img{width:100%;height:100%;object-fit:cover;filter:grayscale(.1) contrast(1.04)}
.ph-cap{position:absolute;left:0;right:0;bottom:0;display:grid;gap:3px;justify-items:start;text-align:left;padding:34px 12px 10px;
  background:linear-gradient(transparent,rgba(0,0,0,.88));opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.ph-cap strong{font-size:14px;line-height:1.25}.ph-cap small{font-size:12px;color:#d7d2cf}
.ph-item:hover .ph-cap,.ph-item:focus-visible .ph-cap,.mosaic .ph-item:nth-child(9n+1) .ph-cap{opacity:1;transform:none}
@media (hover:none){.ph-cap{opacity:1;transform:none}}
@container site (min-width:720px){
  .mosaic{grid-template-columns:repeat(6,1fr);grid-auto-rows:110px;gap:14px}
  .mosaic .ph-item{grid-column:span 2;grid-row:span 3;aspect-ratio:auto}
  .mosaic .ph-item:nth-child(9n+1){grid-column:span 4;grid-row:span 4;aspect-ratio:auto}
  .mosaic .ph-item:nth-child(9n+2),.mosaic .ph-item:nth-child(9n+3){grid-row:span 2}
  .mosaic .ph-item:nth-child(9n+7),.mosaic .ph-item:nth-child(9n+8){grid-column:span 3}
  .mosaic .ph-item:nth-child(9n+9){grid-column:span 6;grid-row:span 3;aspect-ratio:auto}
}
#tpl-videos .tab-panel{background:none;border:0;padding:0}
.vgrid{display:grid;grid-template-columns:1fr;gap:16px}
.vgrid .vid-item{display:flex;flex-direction:column;background:rgba(11,9,9,.85);border:1px solid var(--linea);border-radius:6px;overflow:hidden}
.vgrid .vid-ph{aspect-ratio:16/9}
.vgrid .vid-meta{display:grid;gap:6px;justify-items:start;padding:12px 14px}
.vgrid .vid-meta strong{font-size:15px}
@container site (min-width:720px){
  .vgrid{grid-template-columns:repeat(3,1fr)}
  .vgrid .vid-item:first-child{grid-column:span 2;grid-row:span 2}
  .vgrid .vid-item:first-child .vid-ph{flex:1;aspect-ratio:auto;min-height:280px}
  .vgrid .vid-item:first-child .vid-meta strong{font-size:20px}
}

/* --- Fondo por categoría (Inicio no lleva; la 404 conserva el de brasas) --- */
#tpl-future .ember,#tpl-past .ember,#tpl-ev .ember{background:linear-gradient(180deg,rgba(0,0,0,.96) 0,rgba(0,0,0,0.72) 200px,rgba(0,0,0,0.78) 100%),url(../img/fondos/tour.webp) center top/cover no-repeat}
#tpl-news .ember,#tpl-nt .ember{background:linear-gradient(180deg,rgba(0,0,0,.96) 0,rgba(0,0,0,0.72) 200px,rgba(0,0,0,0.78) 100%),url(../img/fondos/noticias.webp) center top/cover no-repeat}
#tpl-band .gbg{background:linear-gradient(180deg,rgba(0,0,0,.96) 0,rgba(0,0,0,0.72) 200px,rgba(0,0,0,0.78) 100%),url(../img/fondos/banda.webp) center top/cover no-repeat}
#tpl-store .ember{background:linear-gradient(180deg,rgba(0,0,0,.96) 0,rgba(0,0,0,0.72) 200px,rgba(0,0,0,0.78) 100%),url(../img/fondos/tienda.webp) center top/cover no-repeat}
#tpl-music .ember,#tpl-song .ember{background:linear-gradient(180deg,rgba(0,0,0,.96) 0,rgba(0,0,0,0.84) 200px,rgba(0,0,0,0.90) 100%),url(../img/fondos/musica.webp) center top/cover no-repeat}
#tpl-photos .ember,#tpl-videos .ember{background:linear-gradient(180deg,rgba(0,0,0,.96) 0,rgba(0,0,0,0.72) 200px,rgba(0,0,0,0.78) 100%),url(../img/fondos/media.webp) center top/cover no-repeat}
#tpl-search .ember{background:linear-gradient(180deg,rgba(0,0,0,.96) 0,rgba(0,0,0,0.72) 200px,rgba(0,0,0,0.78) 100%),url(../img/fondos/busqueda.webp) center top/cover no-repeat}
#tpl-future .ember::before,#tpl-past .ember::before,#tpl-ev .ember::before,#tpl-news .ember::before,#tpl-nt .ember::before,
#tpl-band .gbg::before,#tpl-store .ember::before,#tpl-music .ember::before,#tpl-song .ember::before,#tpl-photos .ember::before,
#tpl-videos .ember::before,#tpl-search .ember::before{display:none}

/* =====================  v8 · auditoría final (contrato, mapa del sitio, Canva y documento de la banda)  ===================== */

/* --- Menú: mayúsculas (la banda pidió todos los encabezados en mayúsculas) y submenús de escritorio --- */
.nav-desk a,.drawer a{text-transform:uppercase;letter-spacing:.07em}
.hdr{position:relative;z-index:60}
.nav-desk .has-sub{position:relative}
.nav-desk ul.sub{position:absolute;left:50%;top:100%;transform:translateX(-50%);display:block;min-width:200px;margin:0;padding:8px 0;list-style:none;
  background:#000;border:1px solid var(--linea);border-top:2px solid var(--dorado);border-radius:0 0 6px 6px;box-shadow:0 14px 30px rgba(0,0,0,.65);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s}
.nav-desk .has-sub:hover>ul.sub,.nav-desk .has-sub:focus-within>ul.sub,.nav-desk .has-sub.open>ul.sub{opacity:1;visibility:visible;pointer-events:auto}
.nav-desk .has-sub.closed>ul.sub{opacity:0;visibility:hidden;pointer-events:none}
.nav-desk ul.sub li{display:block;margin:0}
.nav-desk ul.sub a{display:block;padding:11px 20px;white-space:nowrap;font-size:13px}
.nav-desk ul.sub a:hover,.nav-desk ul.sub a[aria-current]{background:rgba(245,208,42,.12);color:var(--dorado)}

/* --- Móvil y tableta: sin la palabra «Tour»; acceso siempre visible con un ícono de boleto (decisión del proyecto: Tour genera ingresos) --- */
.hdr-in .left-m{display:flex;align-items:center;gap:2px;justify-self:start}

/* --- Títulos de los encabezados legibles sobre fotos claras (contraste medido sobre el fondo real) --- */
.hero::before{background:
  radial-gradient(ellipse 66% 32% at 50% 10%,rgba(0,0,0,.93) 0%,rgba(0,0,0,.86) 56%,rgba(0,0,0,0) 100%),
  linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.22) 24%,rgba(0,0,0,0) 42%)}
#tpl-404 .hero::before{background:linear-gradient(0deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.4) 24%,rgba(0,0,0,0) 48%)}
.ph-cap{background:linear-gradient(transparent,rgba(0,0,0,.96) 70%)}
#tpl-news .lead time,#tpl-news .nrow time{color:#E0DDDB}

/* --- Tienda: contorno CUADRADO (esquinas rectas) en #F5D02A --- */
#tpl-store .prod-ph{border-radius:0}
#tpl-store .qv-main{border-radius:0}

/* --- Inicio: encabezado con el logo nuevo, grande y centrado sobre negro (maqueta de la banda) --- */
#tpl-home[data-hero="logo"] .ph{display:none}
#tpl-home[data-hero="logo"] .home-hero{padding-top:clamp(24px,5cqi,56px)}
#tpl-home[data-hero="logo"] .home-logo{--lw:clamp(300px,64cqi,660px);width:var(--lw);margin:0 auto}
#tpl-home[data-hero="logo"] .home-logo::before{width:150%;height:150%;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgba(141,0,2,.5),rgba(141,0,2,.16) 60%,rgba(141,0,2,0) 100%)}
#tpl-home[data-hero="logo"] .next{margin-top:clamp(18px,3cqi,34px)}

/* ===== v8b · encabezados que crecen con el ancho (320 → 2560 px) y título de una sola línea (no tapa las caras) ===== */
.hero{min-height:clamp(220px,69cqi,497px)}
.hero-t{max-width:100%;min-width:0}
.hero h2{font-size:clamp(22px,6.2cqi,52px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@container site (min-width:720px){.hero{min-height:clamp(480px,39cqi,640px)}.hero h2{font-size:clamp(28px,6.2cqi,52px)}}
/* todos los encabezados (h1–h4) en mayúsculas */
main h1,main h2,main h3,main h4{text-transform:uppercase}
@container site (max-width:899px){.eb-tour{display:none}}
/* ficha de evento: el contorno de las fotos en vivo también sigue la disponibilidad */
#tpl-ev .thumbs img{box-shadow:0 0 0 2px var(--pc);border-radius:4px}
#tpl-ev[data-st="pospuesto"] .thumbs img{box-shadow:0 0 0 2px #000,0 0 0 4px #BEBBBB}

/* pantallas muy anchas (1441 → 2560 px): el encabezado sigue creciendo en la misma proporción para que las caras no se corten */
@container site (min-width:720px){.hero{min-height:clamp(480px,39cqi,1000px)}}
@container site (min-width:1000px){#tpl-404 .hero{min-height:clamp(540px,43.5cqi,1120px)}}
@container site (min-width:1241px){.hero h2{font-size:clamp(52px,4.2cqi,96px)}}
#tpl-home .home-hero .ph{height:clamp(210px,46cqi,1180px)}

/* botón de hamburguesa: ícono de la banda (tres barras finas, puntas rectas, brillo plateado, sin recuadro) */
.burger{width:44px;height:44px;gap:6px;border-radius:0;background:transparent}
.burger span{width:24px;height:2px;border-radius:0;background:linear-gradient(90deg,#8f8f8f 0%,#f2f2f2 50%,#8f8f8f 100%)}
.burger:focus-visible{outline:2px solid var(--dorado);outline-offset:2px}

/* logo del encabezado en celular y tableta: el texto pesa hacia la izquierda de la guadaña, así que se recorre un poco a la derecha para que se vea centrado */


/* Tienda: tarjetas en columna; el nombre reserva dos líneas y el botón va siempre al fondo, así precios y botones quedan alineados en cada fila */
#tpl-store .prod{display:flex;flex-direction:column;gap:10px}
#tpl-store .prod h3{min-height:calc(2 * 1.3em)}
#tpl-store .prod .chips{align-content:flex-start;flex:1 0 auto}
#tpl-store .prod-cta{margin-top:auto}
/* notas internas: ocultas; se ven con «Notas del equipo» */
.pending{display:none}

@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/anton.woff2) format("woff2")}

/* =====================  v9 · cambios de la banda (lista de octubre 2026)  ===================== */

/* --- Pie: logo plateado y centrado; Instagram de Teo con el mismo aspecto que las demás redes --- */
.ftr .fband{justify-items:center}
.ftr .flogo{display:block;margin-inline:auto;width:min(240px,70%)}
.ftr .msoc a.pend{opacity:1;outline:none}

/* --- Menú de escritorio: la guadaña (lleva a Inicio) junto a «Tour»; todo el grupo centrado y con la misma separación --- */
@container site (min-width:900px){
  .nav-desk{display:flex;justify-content:center;align-items:center;gap:28px;position:relative;grid-template-columns:none}
  .nav-desk .mark{order:-1;width:auto;justify-self:auto}
  .nav-desk ul:first-child{justify-content:flex-start}
  .nav-desk .right{display:contents}
  .nav-desk .right .search{position:absolute;right:24px;top:50%;transform:translateY(-50%)}
}

/* --- Títulos de sección del Inicio: cinta de extremos quebrados con los colores de siempre (gris, amarillo, azul, rojo), sin neón --- */
#tpl-home .brush{--nd:clamp(10px,2.4cqi,16px);display:flex;align-items:center;justify-content:center;width:min(100%,780px);aspect-ratio:auto;margin:0 auto 28px;background:none;clip-path:none;filter:none}
#tpl-home .brush::before,#tpl-home .brush::after{content:"";position:static;inset:auto;flex:1 1 0;min-width:0;height:2px;-webkit-mask:none;mask:none;clip-path:none;background:linear-gradient(90deg,transparent,var(--c))}
#tpl-home .brush::after{background:linear-gradient(270deg,transparent,var(--c))}
#tpl-home .brush h2{position:relative;flex:0 1 auto;max-width:100%;margin:0;padding:0;background:var(--c);color:var(--t);
  clip-path:polygon(0 0,100% 0,calc(100% - var(--nd)) 35%,100% 50%,calc(100% - var(--nd)) 66%,100% 100%,0 100%,var(--nd) 66%,0 50%,var(--nd) 35%);
  font-family:"Anton",Impact,"Arial Narrow",sans-serif;font-weight:400;font-size:clamp(20px,5.4cqi,44px);letter-spacing:.12em;line-height:1.1}
#tpl-home .brush h2 span{display:block;margin:0;padding:clamp(10px,2.2cqi,18px) clamp(34px,8cqi,70px);text-align:center;text-indent:.12em;color:var(--t);background:none;box-shadow:none;text-shadow:none;animation:none}

/* --- Inicio · próxima fecha: botón «Más info» a la derecha en todos los tamaños; transparente → blanco al pasar el mouse --- */
#tpl-home .next{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 14px;padding:14px 16px}
#tpl-home .next .go{grid-column:3;grid-row:2;justify-self:end;align-self:center;margin-top:0;background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff;
  border-radius:3px;padding:8px 14px;transition:background .2s,color .2s,box-shadow .2s}
#tpl-home .next:hover .go,#tpl-home .next:focus-visible .go{background:#fff;color:#000;filter:none}
#tpl-home .next:active .go{background:#fff;color:#000;box-shadow:inset 0 0 0 2px #fff,0 0 18px 4px rgba(255,255,255,.85)}

/* --- Banda: integrantes en bloques parejos (2×2 en móvil y tableta, 4 en escritorio) --- */
#tpl-band .members{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-block:28px 6px}
@container site (min-width:1000px){#tpl-band .members{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
#tpl-band .mem,#tpl-band .mem:last-child:nth-child(odd){grid-column:auto;height:100%;align-content:start;justify-items:center;gap:12px;
  padding:18px 12px 20px;background:rgba(0,0,0,.62);border:1px solid #33292a}
#tpl-band .ava{width:100%;max-width:190px;aspect-ratio:1;border-radius:0;overflow:hidden;box-shadow:none;background:#000}
#tpl-band .ava img{width:100%;height:100%;object-fit:cover;object-position:center 24%;border-radius:0}
#tpl-band .mem:nth-child(4) .ava img{transform:scale(1.2);transform-origin:50% 38%}
#tpl-band .mem h3{margin:0}
#tpl-band .mem .roles{margin-top:auto;align-content:flex-start}
/* texto descriptivo justificado en escritorio */
@container site (min-width:1000px){#tpl-band .story p{text-align:justify;hyphens:auto}}

/* --- Noticias: el texto ocupa todo el ancho de la fila (sin huecos); extractos justificados, titulares alineados al lado de su foto; fotos encuadradas arriba --- */
#tpl-news .nrow{grid-template-columns:minmax(0,300px) minmax(0,1fr) 150px}
#tpl-news .nrow.flip{grid-template-columns:150px minmax(0,1fr) minmax(0,300px)}
#tpl-news .nrow h3{text-wrap:pretty;text-align:left}
#tpl-news .nrow.flip h3{text-align:right}
#tpl-news .nrow p{max-width:none}
#tpl-news .nrow .rd{justify-content:center}
@container site (min-width:1000px){#tpl-news .nrow h3{font-size:24px}#tpl-news .nrow p{font-size:15.5px}}
#tpl-news .nrow img,#tpl-news .lead img{object-position:center 30%}
/* nota principal en tableta y móvil: el título va debajo de la foto, no encima de las caras */
@container site (max-width:999px){
  #tpl-news .lead{display:grid}
  #tpl-news .lead img{aspect-ratio:16/10}
  #tpl-news .lead .ov{position:static;padding:16px 18px 18px;background:rgba(0,0,0,.88)}
}


/* --- Nota individual: el titular y el sumario ocupan todo el ancho (antes se quedaban en la mitad) --- */
.art h1{max-width:none;text-wrap:pretty;font-size:clamp(28px,4.6cqi,56px)}
.lede{max-width:none;hyphens:none}


/* --- Inicio: textos justificados; imágenes centradas (la primera de Instagram es vertical y se sube un poco para no cortar cabezas) --- */
#tpl-home .ncard p,#tpl-home .dcard .r,#tpl-home .next .what span{text-align:justify;hyphens:auto}

/* --- Móvil y tableta: en el encabezado solo la hamburguesa (y la lupa); Inicio queda dentro del menú --- */
@container site (max-width:899px){
  .hdr-in .mark{display:none}
  .hdr-in .search{grid-column:3}
}

/* --- Encuadre de fotos: las caras (arriba del centro) nunca se recortan en tarjetas y miniaturas --- */
#tpl-home .ncard img,#tpl-home .ig img,#tpl-home .vitem img,#tpl-home .player img,#tpl-future .ecard img,
#tpl-nt .mcard img,#tpl-nt figure img,.mosaic .ph-item img,.vgrid .vid-ph img{object-position:center 33%}
/* Inicio: imágenes centradas (la primera de Instagram es vertical y se sube un poco para no cortar cabezas) */
#tpl-home .ncard img,#tpl-home .vitem img,#tpl-home .player img,#tpl-home .ig img{object-position:center}
#tpl-home .ig img[data-a="X1"]{object-position:center 14%}

/* ---------- Ajustes para WordPress (no estaban en el prototipo) ---------- */
.skip:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:100;background:var(--dorado);color:#000;padding:10px 14px;border-radius:4px;font-weight:800}
.lyrics p{white-space:normal}
.player.playing{aspect-ratio:16/9}
.booking a{text-decoration:none}
.booking a:hover{text-decoration:underline}
.prose img,.desc img,.qv-desc img{max-width:100%;height:auto}