/* Muestrario de acabados: todas las reglas se limitan a esta sección. */
#acabados .acabados-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
#acabados .acabado-card{padding:0;min-width:0;display:flex;flex-direction:column;background:#242424;border:1px solid #45463f;border-radius:12px;overflow:hidden;box-shadow:none}
#acabados .acabado-card:hover{transform:none;border-color:#75796b}
#acabados .finish-photo{display:block;background:#e7e7e4;overflow:hidden}
#acabados .finish-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
#acabados .acabado-copy{padding:24px;display:flex;flex-direction:column;flex:1;min-width:0}
#acabados .acabado-icon-wrap{width:38px;height:38px;border-radius:9px;margin-bottom:17px;font-size:17px}
#acabados .acabado-title{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin-bottom:14px;color:#fff}
#acabados .acabado-desc{font-size:14px;line-height:1.85;color:#c2c7b9;margin-bottom:22px}
#acabados .acabado-tag{margin-top:auto;align-self:flex-start;font-size:11px;line-height:1.6;color:#ecefe6;background:#34382f;padding:6px 10px}
#acabados .section-header{margin-bottom:38px}
@media(max-width:1199px){#acabados .acabados-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#acabados .acabado-copy{padding:27px}#acabados .acabado-title{font-size:21px}#acabados .acabado-desc{font-size:14px}}
@media(max-width:600px){#acabados .acabados-grid{grid-template-columns:1fr;gap:25px}#acabados .acabado-copy{padding:24px}#acabados .acabado-title{font-size:22px}#acabados .acabado-desc{font-size:14px;line-height:1.8}#acabados .acabado-tag{font-size:11px}#acabados .section-title{font-size:32px;line-height:1.2}#acabados .section-subtitle{font-size:14px;line-height:1.8}}

/* Piloto progresivo: estas reglas solo se activan tras montar los controles.
   Sin JavaScript se conserva el muestrario completo de cuatro fotografías. */
#acabados .finish-help {
  margin: 0 0 18px;
  color: #d4d8cd;
  font-size: 14px;
  line-height: 1.8;
}
#acabados .finish-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}
#acabados .finish-tab {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  padding: 18px;
  border: 1px solid #7b8073;
  border-radius: 8px;
  background: #242424;
  color: #f4f2ed;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  transition: background-color .16s ease, border-color .16s ease;
}
#acabados .finish-tab-number { font-size: 12px; font-weight: 500; }
#acabados .finish-tab[aria-selected="true"] {
  background: var(--qt-action, #f58220);
  border-color: var(--qt-action, #f58220);
  color: #20231f;
}
#acabados .finish-tab:focus-visible,
#acabados [role="tabpanel"]:focus-visible {
  outline: 3px solid #ffad66;
  outline-offset: 4px;
}
#acabados.finishes-interactive .acabados-grid { display: block; }
#acabados.finishes-interactive .acabado-card:not([hidden]) {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  align-items: stretch;
  min-height: 390px;
}
#acabados.finishes-interactive .finish-photo {
  display: flex;
  align-items: center;
  background: #e7e7e4;
}
#acabados.finishes-interactive .finish-photo img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: contain;
}
#acabados.finishes-interactive .acabado-copy { padding: clamp(24px, 3vw, 44px); justify-content: center; }
#acabados.finishes-interactive .acabado-title { font-size: clamp(24px, 2.3vw, 32px); line-height: 1.25; }
#acabados.finishes-interactive .acabado-desc { font-size: 16px; line-height: 1.8; }
#acabados.finishes-interactive .acabado-tag { margin-top: 6px; font-size: 12px; }
@media (hover: hover) {
  #acabados .finish-tab:not([aria-selected="true"]):hover { background: #353a30; border-color: #c1c8b7; }
}
@media (max-width: 800px) {
  #acabados .finish-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #acabados .finish-tab { min-height: 76px; padding: 14px; gap: 9px; }
  #acabados.finishes-interactive .acabado-card:not([hidden]) { grid-template-columns: 1fr; min-height: 0; }
  #acabados.finishes-interactive .acabado-copy { min-height: 350px; padding: 26px; }
  #acabados.finishes-interactive .acabado-title { font-size: 25px; }
  #acabados.finishes-interactive .acabado-desc { font-size: 15px; }
}
@media (max-width: 480px) {
  #acabados .finish-tab { font-size: 13px; }
  #acabados .finish-tab-number { font-size: 11px; }
  #acabados.finishes-interactive .acabado-copy { min-height: 370px; }
}
@media (prefers-reduced-motion: reduce) {
  #acabados .finish-tab { transition: none; }
}