/* DMT FV V3.5 — correcciones comprobadas en auditoría visual y funcional. */
/* La etiqueta de familia ya no desaparece cuando se superpone al fondo blanco de las imágenes. */
.cinema-selected {
  left: 1.5%;
  bottom: 83px;
  max-width: min(350px, 85%);
  padding: 13px 18px 14px;
  gap: 5px;
  border-radius: 12px;
  border-left: 3px solid #ef4755;
  background: rgba(8, 15, 23, .96);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .34);
  backdrop-filter: blur(8px);
}
.cinema-selected strong { color: #fff !important; font-size: clamp(29px, 3.1vw, 46px); line-height: 1.08; }
.cinema-selected .selected-overline { color: #d2dbe4 !important; }
.cinema-selected small { color: #ff7782 !important; line-height: 1.4; }
/* Títulos legibles y físicamente separados de la foto blanca del catálogo. */
.category-info { border-top: 1px solid #62707c; padding-top: 18px; min-width: 0; }
.category-info h3 { color: #fff !important; font-weight: 700; }
.category-info>div span { color: #c8cfd7 !important; }
.category-card:focus-visible,
.cinema-tab:focus-visible,
.showroom-choice:focus-visible,
.assembly-button:focus-visible { outline: 3px solid #f8a2aa; outline-offset: 3px; }
/* Texto del explorador sobre una base oscura opaca, nunca semitransparente sobre foto. */
.showroom-visual .showroom-caption {
  background: #0b1521 !important;
  border-top: 1px solid #4c5661;
  position: relative;
  z-index: 3;
}
.showroom-caption h3 { color: #fff !important; }
.showroom-caption span { color: #ffa0a5 !important; }
/* Mantener legible la navegación incluso si se activan estados de scroll de versiones anteriores. */
.site-header.is-scrolled { background: rgba(13, 18, 24, .97) !important; }
/* Asegurar visible la selección de familias en pantalla pequeña. */
@media(max-width: 740px) {
  .cinema-selected { left: 0; bottom: 61px; padding: 10px 12px 11px; border-radius: 9px; max-width: 76%; }
  .cinema-selected strong { font-size: clamp(26px, 8.2vw, 36px); }
  .cinema-selected .selected-overline { font-size: 8px; }
  .cinema-selected small { font-size: 8.5px; }
  .category-info h3 { font-size: 22px; }
}
@media(max-width: 420px) {
  .cinema-selected { max-width: 78%; }
  .cinema-selected strong { font-size: 27px; }
  .category-info h3 { font-size: 19px; }
}
@media(prefers-reduced-motion: reduce) {
  .cinema-selected { backdrop-filter:none; }
}

/* Facilitar la lectura y navegación con cabecera adhesiva. */
#categorias,#catalogo,#nosotros,#contacto,#ensamble,#explorador { scroll-margin-top: 92px; }
@media(max-width:740px){
  .cinema-tab{font-size:10px;min-height:45px;letter-spacing:0}
  .cinema-tab span{font-size:9px}
  .btn-primary-v3,.btn-secondary-v3{font-size:10px;letter-spacing:.03em}
  .cat-link{font-size:10px}
  .category-top{font-size:8.5px}
  .product-title-button h3{font-size:12px;line-height:1.35}
  .product-footer span{font-size:10px}
  #showroomExplore{font-size:11px;min-height:44px}
}
