/* TROPHUB81 V46: portada inmersiva sin recortar fotografías de la unidad.
   Ajustes exclusivamente del hero público, sin modificar medios ni administración. */

/* Más altura sin cambiar el ancho. La fotografía original conserva su encuadre. */
body.th30-home.th31-home.th33-home .mi-v16-hero {
  height: clamp(690px, 94svh, 1120px) !important;
  min-height: 0 !important;
  max-height: none !important;
  background: #0d0f10 !important;
}
body.th30-home.th31-home.th33-home .mi-v16-hero-visual.th30-hero-stage {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  isolation: isolate;
  background: #0d0f10 !important;
}
/* Fondo de la misma fotografía, discreto, para evitar franjas vacías. */
body.th30-home.th31-home.th33-home .mi-v16-hero-visual img.th32-hero-ambient,
body.th30-home.th31-home.th33-home .mi-v16-hero-slide.is-active .mi-v16-hero-visual img.th32-hero-ambient {
  display: block !important;
  position: absolute !important;
  inset: -5% !important;
  width: 110% !important;
  height: 110% !important;
  opacity: .72 !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: blur(20px) brightness(.57) saturate(.82) !important;
  transform: none !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
/* Imagen protagonista: NUNCA cover, ni zoom, ni recorte adicional. */
body.th30-home.th31-home.th33-home .mi-v16-hero-visual img.th30-hero-original,
body.th30-home.th31-home.th33-home .mi-v16-hero-slide.is-active .mi-v16-hero-visual img.th30-hero-original,
body.th30-home.th31-home.th33-home .mi-v16-hero-slide.is-editorial .mi-v16-hero-visual img.th30-hero-original,
body.th30-home.th31-home.th33-home .th33-hero-portrait .mi-v16-hero-visual img.th30-hero-original,
body.th30-home.th31-home.th33-home .th33-hero-panorama .mi-v16-hero-visual img.th30-hero-original {
  display: block !important;
  position: absolute !important;
  inset: 0 0 0 auto !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 74% !important;
  height: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  filter: brightness(1.05) contrast(1.015) saturate(1.03) !important;
  opacity: 1 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background: transparent !important;
  z-index: 1 !important;
}
/* Lectura de títulos/precios sobre la foto sin cubrir su silueta. */
body.th30-home.th31-home.th33-home .mi-v16-hero-shade {
  z-index: 3 !important;
  background:
    linear-gradient(90deg, rgba(7,8,9,.90) 0%, rgba(7,8,9,.76) 18%, rgba(7,8,9,.36) 39%, rgba(7,8,9,.05) 73%),
    linear-gradient(0deg,rgba(7,8,9,.62),transparent 32%) !important;
}
body.th30-home.th31-home.th33-home .mi-v16-hero-overlay {z-index: 4 !important;}
body.th30-home.th31-home.th33-home .mi-v16-hero-tools {z-index: 7 !important;}

/* Intermedio: conservar foto completa y mantener texto a la izquierda. */
@media (min-width:761px) and (max-width:1100px) {
  body.th30-home.th31-home.th33-home .mi-v16-hero {height: clamp(690px, 92svh, 950px) !important;}
  body.th30-home.th31-home.th33-home .mi-v16-hero-visual img.th30-hero-original,
  body.th30-home.th31-home.th33-home .mi-v16-hero-slide.is-active .mi-v16-hero-visual img.th30-hero-original {
    width: 79% !important;
    right: 0 !important;
    left: auto !important;
    height: 100% !important;
    top: 0 !important;
    object-fit: contain !important;
  }
}
/* Celular: imagen principal en el área superior, ficha y acciones abajo. */
@media (max-width:760px) {
  body.th30-home.th31-home.th33-home .mi-v16-hero {
    height: clamp(720px, 96svh, 960px) !important;
    min-height: 0 !important;
  }
  body.th30-home.th31-home.th33-home .mi-v16-hero-visual img.th30-hero-original,
  body.th30-home.th31-home.th33-home .mi-v16-hero-slide.is-active .mi-v16-hero-visual img.th30-hero-original,
  body.th30-home.th31-home.th33-home .mi-v16-hero-slide.is-editorial .mi-v16-hero-visual img.th30-hero-original,
  body.th30-home.th31-home.th33-home .th33-hero-portrait .mi-v16-hero-visual img.th30-hero-original,
  body.th30-home.th31-home.th33-home .th33-hero-panorama .mi-v16-hero-visual img.th30-hero-original {
    inset: 5% 0 auto 0 !important;
    top: 5% !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: 56% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
  body.th30-home.th31-home.th33-home .mi-v16-hero-shade {
    background:
      linear-gradient(0deg,rgba(7,8,9,.97) 0%,rgba(7,8,9,.88) 15%,rgba(7,8,9,.67) 29%,rgba(7,8,9,.11) 56%,rgba(7,8,9,.05) 83%),
      linear-gradient(180deg,rgba(7,8,9,.33),transparent 18%) !important;
  }
  body.th30-home.th31-home.th33-home .mi-v16-unit-info {
    bottom: clamp(156px,20svh,204px) !important;
  }
  body.th30-home.th31-home.th33-home .mi-v16-hero-tools {top: 31% !important;}
}
@media (max-width:390px) {
  body.th30-home.th31-home.th33-home .mi-v16-hero {height: max(730px, 96svh) !important;}
  body.th30-home.th31-home.th33-home .mi-v16-hero-visual img.th30-hero-original,
  body.th30-home.th31-home.th33-home .mi-v16-hero-slide.is-active .mi-v16-hero-visual img.th30-hero-original {
    top: 6% !important;
    height: 54% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.th30-home.th31-home.th33-home .mi-v16-hero-visual img.th30-hero-original,
  body.th30-home.th31-home.th33-home .mi-v16-hero-visual img.th32-hero-ambient {
    transition: none !important;
    animation: none !important;
  }
}