/* Sistema de marca y encuadre de producto. Las fotografías no se recolorean. */
:root {
  --blue: #0101d5;
  --cyan: #02d3f1;
  --white: #fff;
  --ink: #26262d;
  --muted: #595961;
  --paper: #fff;
  --line: rgb(1 1 213 / 13%);
}
body,.page-intro,.corporate-hero,.clinical-panel,.solutions-showcase,.showcase-main,.showcase-companions,.product-image,.detail-image,.detail-context,.quote-summary,.contact-map,.career-benefit { background: #fff; }
.topbar { background: var(--blue); color: #fff; }
.topbar a { color: #fff; }
.main-nav>a { color: var(--muted); }
.main-nav>a.active,.main-nav>a:hover { color: var(--blue); }
.button.secondary { background: #fff; color: var(--blue); border-color: var(--blue); }
.button.secondary:hover { background: var(--blue); color: #fff; }
.button.white:hover { background: var(--cyan); border-color: var(--cyan); color: var(--blue); }
.add-button.is-added { background: var(--cyan); color: var(--blue); border-color: var(--cyan); }
.add-button:hover { background: var(--cyan); color: var(--blue); border-color: var(--cyan); }
.form-success { background: #fff; color: var(--ink); border-color: var(--blue); }
.form-success .icon,.form-error { color: var(--blue); }
.cta-section p { color: #fff; }
.clinical-tabs button[aria-selected=true] { border-color: var(--cyan); color: var(--blue); }
.clinical-panel,.clinical-product,.showcase-companions,.showcase-companions>a+a { border-color: var(--line); }
.technical-feature,.solution-guide,.footer,.cta-section,.catalog-help,.toast { background: var(--blue); }
.technical-feature .eyebrow,.solution-guide .eyebrow { color: var(--cyan); }
.technical-feature p,.technical-feature figcaption,.solution-guide p,.footer p,.footer a,.footer address,.footer-bottom { color: #fff; }
.quote-summary,.contact-map,.career-benefit { border: 1px solid var(--line); }

/* Una misma proporción, blanco puro y espacio alrededor del equipo. */
.equipment-visual {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  flex-shrink: 0;
  overflow: hidden;
  background: #fff;
  isolation: isolate;
}
.equipment-visual>img,
.product-image .equipment-visual>img,
.clinical-product .equipment-visual>img,
.showcase-image .equipment-visual>img,
.showcase-companions .equipment-visual>img,
.detail-image .equipment-visual>img {
  position: absolute;
  display: block;
  inset: 8%;
  width: 84%;
  height: 84%;
  min-height: 0;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: normal;
  transform: none;
  transition: none;
  margin: 0;
  padding: 0;
}
.equipment-visual[data-framed]>img,
.product-image .equipment-visual[data-framed]>img,
.clinical-product .equipment-visual[data-framed]>img,
.showcase-image .equipment-visual[data-framed]>img,
.showcase-companions .equipment-visual[data-framed]>img,
.detail-image .equipment-visual[data-framed]>img {
  inset: auto;
  left: var(--equipment-left);
  top: var(--equipment-top);
  width: var(--equipment-width);
  height: auto;
}
.product-image { height: auto; aspect-ratio: 4/3; padding: 0; display: block; background: #fff; }
.featured-equipment .product-image { height: auto; padding: 0; }
.product-image .equipment-visual { height: auto; }
.product-view { z-index: 2; border: 1px solid var(--line); background: #fff; }
.clinical-product { padding: 0 0 16px; background: #fff; overflow: hidden; }
.clinical-product>div { height: auto; padding: 0; }
.clinical-product>span,.clinical-product>small { margin-inline: 18px; }
.showcase-image { height: auto; min-height: 0; padding: 0; width: 100%; }
.showcase-main { justify-content: center; padding: 16px; }
.showcase-main>span { padding: 12px 4px 3px; }
.showcase-companions>a { padding: 10px; }
.showcase-companions .equipment-visual { width: 100%; }
.showcase-companions a>span { padding-inline: 4px; }
.product-card:hover .product-image .equipment-visual>img,
.clinical-product:hover .equipment-visual>img,
.showcase-main:hover .equipment-visual>img,
.showcase-companions a:hover .equipment-visual>img { transform: none; }
.product-image .equipment-visual,.clinical-product .equipment-visual { transition: scale .5s cubic-bezier(.2,.7,.2,1); }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .product-card:hover .equipment-visual,.clinical-product:hover .equipment-visual { scale: 1.025; }
}
.detail-image { min-height: 0; height: auto; max-height: none; aspect-ratio: 4/3; padding: 0; overflow: hidden; }
.detail-image>.equipment-visual { width: 100%; height: auto; }
.detail-image>span { z-index: 2; border: 1px solid var(--line); }
.detail-thumbnails button { width: 100%; height: auto; aspect-ratio: auto; padding: 8px 8px 10px; overflow: hidden; background: #fff; }
.detail-thumbnails .equipment-visual { width: 100%; }
.detail-thumbnails .equipment-visual>img { max-height: none; max-width: none; }
.detail-caption { line-height: 1.75; }
@media(max-width:700px) {
  .showcase-main { padding: 10px; }
  .showcase-companions>a { padding: 8px; }
  .clinical-product>span,.clinical-product>small { margin-inline: 14px; }
  .detail-image>span { font-size: 10px; bottom: 12px; right: 12px; }
}
@media(prefers-reduced-motion:reduce) {
  .equipment-visual { transition: none !important; scale: none !important; }
}