/* Sala Hnos — Sección Posventa
   Todo vive bajo .sala-pv para no chocar con el tema. */

.sala-pv{
  --pv-acento:#ffde00;
  background:#0d1f11;
  color:#fff;
  padding:72px 32px;
}

.sala-pv-wrap{
  max-width:1280px;
  margin:0 auto;
}

/* ---- cabecera + foto ---- */

.sala-pv-dos{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:clamp(2rem,5vw,4rem);
  margin-bottom:2.75rem;
}

.sala-pv-cab{ max-width:60ch; }

.sala-pv-ante{
  margin:0 0 .65rem;
  color:var(--pv-acento);
  font-size:clamp(.72rem,1.1vw,.86rem);
  font-style:italic;
  font-weight:400;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.sala-pv-tit{
  margin:0;
  color:#fff;
  font-size:clamp(1.9rem,4.6vw,3.4rem);
  font-style:italic;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:-.005em;
  text-wrap:balance;
}

.sala-pv-bajada{
  margin:1.05rem 0 0;
  color:rgba(255,255,255,.74);
  font-size:1rem;
  line-height:1.6;
}

.sala-pv-foto{
  margin:0;
  overflow:hidden;
  border-radius:5px;
  aspect-ratio:4/3;
  background:#23511c;
}

.sala-pv-foto img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 35%;
  display:block;
}

/* ---- tarjetas de línea ---- */

.sala-pv-lineas{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.sala-pv-linea{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding:1.4rem 1.3rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:4px;
  background:rgba(255,255,255,.055);
}

.sala-pv-linea.sala-pv-sinlinea{ opacity:.55; }

.sala-pv-num{
  color:var(--pv-acento);
  font-size:.63rem;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.15em;
}

.sala-pv-nombre{
  margin:0;
  color:#fff;
  font-size:1.02rem;
  font-style:italic;
  font-weight:700;
  line-height:1.1;
  text-transform:uppercase;
}

.sala-pv-txt{
  margin:0;
  color:rgba(255,255,255,.66);
  font-size:.82rem;
  line-height:1.5;
}

.sala-pv-telslot{
  display:flex;
  flex-direction:column;
  gap:.15rem;
  margin-top:auto;
  padding-top:.85rem;
}

.sala-pv-tel{
  display:inline-block;
  color:var(--pv-acento);
  font-size:1rem;
  font-weight:500;
  text-decoration:none;
  font-variant-numeric:tabular-nums;
  transition:color .15s;
}

.sala-pv-tel:hover,
.sala-pv-tel:focus-visible{ color:#fff; }

.sala-pv-telno{
  color:rgba(255,255,255,.5);
  font-size:.86rem;
}

/* ---- selector de sucursal ---- */

.sala-pv-suc{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.85rem;
  margin-top:1.9rem;
}

.sala-pv-suc label{
  color:rgba(255,255,255,.7);
  font-size:.82rem;
}

.sala-pv-select{
  min-width:16rem;
  max-width:100%;
  padding:.62rem .9rem;
  border:1px solid var(--pv-acento);
  border-radius:3px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-family:inherit;
  font-size:.86rem;
  font-weight:500;
  cursor:pointer;
}

.sala-pv-select option{ color:#111; }

.sala-pv-dir{
  color:rgba(255,255,255,.5);
  font-size:.8rem;
  font-style:italic;
}

/* ---- responsive ---- */

@media (max-width:900px){
  .sala-pv-dos{ grid-template-columns:minmax(0,1fr); }
}

@media (max-width:880px){
  .sala-pv-lineas{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:560px){
  .sala-pv-lineas{ grid-template-columns:minmax(0,1fr); }
}

@media (prefers-reduced-motion:reduce){
  .sala-pv *{ transition-duration:.01ms !important; }
}