/* TROPHUB81 V32 — Fotografías claras, encuadres íntegros y contacto discreto.
   Esta hoja se carga después de V31. No afecta Super Admin ni Studio. */

/* La imagen completa se muestra al frente y una segunda copia difuminada llena
   el encuadre. Así no hay recortes ni franjas planas al adaptar fotos verticales. */
body.th30-home.th31-home .mi-v16-hero-visual {background:#191919!important;isolation:isolate;}
body.th30-home.th31-home .mi-v16-hero-visual img.th32-hero-ambient,
body.th30-home.th31-home .mi-v16-hero-slide.is-active .mi-v16-hero-visual img.th32-hero-ambient,
body.th30-home.th31-home .mi-v16-hero-slide.is-editorial .mi-v16-hero-visual img.th32-hero-ambient {
  position:absolute!important;inset:-5%!important;top:-5%!important;left:-5%!important;
  width:110%!important;height:110%!important;max-width:none!important;z-index:0!important;
  object-fit:cover!important;object-position:center!important;opacity:.85!important;
  filter:blur(26px) brightness(.73) saturate(.88)!important;
  transform:scale(1.04)!important;pointer-events:none!important;padding:0!important;
}
body.th30-home.th31-home .mi-v16-hero-visual img.th30-hero-original,
body.th30-home.th31-home .mi-v16-hero-slide.is-active .mi-v16-hero-visual img.th30-hero-original,
body.th30-home.th31-home .mi-v16-hero-slide.is-editorial .mi-v16-hero-visual img.th30-hero-original {
  position:absolute!important;inset:0!important;top:0!important;left:0!important;
  width:100%!important;height:100%!important;z-index:1!important;
  object-fit:contain!important;object-position:center center!important;
  opacity:1!important;filter:brightness(1.065) contrast(1.015) saturate(1.04)!important;
  transform:none!important;padding:0!important;max-width:none!important;
  transition:opacity .35s ease!important;
}
body.th30-home.th31-home .mi-v16-hero-visual:after {
  z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,5,6,.18),transparent 22%,transparent 84%,rgba(5,5,6,.16))!important;
}
body.th30-home.th31-home .mi-v16-hero-shade {
  background:linear-gradient(90deg,rgba(4,4,5,.60) 0%,rgba(4,4,5,.37) 32%,rgba(4,4,5,.06) 70%,transparent 100%),
    linear-gradient(0deg,rgba(5,5,6,.42) 0%,transparent 40%)!important;
}

/* Encadre suave y real para TODAS las tarjetas; conserva proporciones y no
   oscurece la carrocería. La versión principal sigue siendo la foto original. */
body.mi18 .mi18-card .mi18-card-photo,
body.mi18 .mi-v16-rail .mi18-card .mi18-card-photo {
  isolation:isolate;background:#201f1d!important;overflow:hidden;
}
body.mi18 .mi18-card .mi18-card-photo img.th32-card-ambient,
body.mi18 .mi18-card.is-portrait .mi18-card-photo img.th32-card-ambient,
body.mi18 .mi-v16-rail .mi18-card .mi18-card-photo img.th32-card-ambient {
  display:block;position:absolute!important;inset:-7%!important;top:-7%!important;left:-7%!important;
  width:114%!important;height:114%!important;max-width:none!important;z-index:0!important;
  object-fit:cover!important;object-position:center!important;
  filter:blur(17px) brightness(.79) saturate(.85)!important;
  opacity:.86!important;transform:scale(1.03)!important;
  pointer-events:none!important;transition:none!important;
}
body.mi18 .mi18-card .mi18-card-photo img.th32-card-primary,
body.mi18 .mi18-card.is-portrait .mi18-card-photo img.th32-card-primary,
body.mi18 .mi-v16-rail .mi18-card .mi18-card-photo img.th32-card-primary {
  display:block;position:absolute!important;inset:0!important;top:0!important;left:0!important;
  width:100%!important;height:100%!important;max-width:none!important;z-index:1!important;
  object-fit:contain!important;object-position:center!important;
  filter:brightness(1.075) contrast(1.015) saturate(1.035)!important;
  opacity:1!important;transform:none!important;padding:0!important;
  transition:filter .22s ease!important;
}
body.mi18 .mi18-card:hover .mi18-card-photo img.th32-card-primary,
body.mi18 .mi18-card:focus-within .mi18-card-photo img.th32-card-primary {
  filter:brightness(1.10) contrast(1.02) saturate(1.05)!important;
  transform:none!important;
}
body.th30-home.th31-home .mi-v16-rail .th31-home-card .mi18-card-photo {
  aspect-ratio:1.43!important;max-height:none!important;border-color:rgba(209,181,137,.37)!important;
}
body.th31-home .th31-home-card .mi18-card-photo::after,
body.th31-home .th31-home-card:hover .mi18-card-photo::after {
  inset:0!important;z-index:2!important;
  background:linear-gradient(180deg,transparent 0%,transparent 54%,rgba(5,5,6,.14) 71%,rgba(5,5,6,.67) 100%)!important;
  pointer-events:none;
}
body.th31-home .th31-photo-caption {z-index:4!important;text-shadow:0 2px 9px rgba(0,0,0,.72);}
body.th31-home .th31-photo-name strong {letter-spacing:.024em!important;line-height:1.18!important;}
body.th31-home .th31-photo-price {
  background:rgba(10,10,11,.80)!important;border-color:rgba(222,193,139,.92)!important;
  color:#ffedcb!important;box-shadow:0 2px 12px rgba(0,0,0,.16)!important;
  font-weight:680!important;
}
/* Categorías y paneles de asesoría más claros; sombra mínima donde va el texto. */
body.th30-home.th31-home.mi12 .th31-category-grid .th31-category > img {
  opacity:1!important;filter:brightness(1.12) saturate(1.04)!important;
}
body.th30-home.th31-home .th31-category-grid .th31-category:after {
  background:linear-gradient(0deg,rgba(6,6,7,.65),rgba(6,6,7,.12) 58%,transparent 100%)!important;
}
body.th31-home .th31-advice-card .mi-advice-art img {
  opacity:.90!important;filter:brightness(1.10) saturate(1.04)!important;
}
body.th31-home .th31-advice-card .mi-advice-art:after {
  background:linear-gradient(90deg,rgba(6,6,7,.77),rgba(6,6,7,.32) 58%,rgba(6,6,7,.09))!important;
}

/* WhatsApp: una sola burbuja circular negra con acento dorado, en todo el sitio público. */
a.th32-whatsapp {
  position:fixed;z-index:85;display:flex;align-items:center;justify-content:center;
  right:clamp(14px,2vw,27px);bottom:calc(20px + env(safe-area-inset-bottom,0px));
  width:56px;height:56px;padding:0;margin:0;border-radius:50%;
  background:#101012;color:#ddbf89;border:1.5px solid #c8a870;
  text-decoration:none;box-shadow:0 5px 18px rgba(0,0,0,.29);
  transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease;
  -webkit-tap-highlight-color:transparent;
}
a.th32-whatsapp svg {display:block;width:28px;height:28px;flex:none;}
a.th32-whatsapp:hover {background:#d8b781;color:#111;border-color:#e4c794;transform:translateY(-2px);}
a.th32-whatsapp:focus-visible {outline:3px solid #f4d49a;outline-offset:4px;}

@media(max-width:760px){
  body.th30-home.th31-home .mi-v16-hero-visual img.th30-hero-original,
  body.th30-home.th31-home .mi-v16-hero-slide.is-active .mi-v16-hero-visual img.th30-hero-original,
  body.th30-home.th31-home .mi-v16-hero-slide.is-editorial .mi-v16-hero-visual img.th30-hero-original {
    object-fit:contain!important;object-position:50% 34%!important;
  }
  body.th30-home.th31-home .mi-v16-hero-shade {
    background:linear-gradient(0deg,rgba(7,7,8,.88) 0%,rgba(7,7,8,.72) 18%,rgba(7,7,8,.14) 57%,transparent 78%),
       linear-gradient(90deg,rgba(7,7,8,.08),transparent 68%)!important;
  }
  body.th30-home.th31-home .mi-v16-rail .th31-home-card .mi18-card-photo {aspect-ratio:1.34!important;}
  body.th31-home .th31-photo-caption {left:12px;right:12px;bottom:12px;}
  body.th31-home .th31-photo-price {font-size:12px!important;padding:7px 9px!important;}
  a.th32-whatsapp {width:52px;height:52px;right:15px;bottom:calc(17px + env(safe-area-inset-bottom,0px));}
  a.th32-whatsapp svg{width:26px;height:26px;}
  body.mi18-detail-page a.th32-whatsapp {bottom:calc(96px + env(safe-area-inset-bottom,0px));}
}
@media(max-width:400px){
  body.th31-home .th31-photo-name strong {font-size:clamp(19px,5.4vw,24px)!important;}
  body.th31-home .th31-photo-price {max-width:48%;font-size:11px!important;padding:6px 8px!important;}
}
@media(prefers-reduced-motion:reduce){
 a.th32-whatsapp {transition:none!important;transform:none!important;}
}
@media print {a.th32-whatsapp{display:none!important;}}