/* ==========================================================
   Marco MAQUITEX para las fotos de productos.
   Se aplica solo a toda foto de producto (tarjetas de las
   categorías y galería de la ficha), incluidas las que se
   agreguen en el futuro desde el panel admin.
   ========================================================== */

.machine-img-photo,
.gallery-main{
  position:relative;
  isolation:isolate;
}

/* Costura: borde punteado azul por dentro de la foto */
.machine-img-photo::after,
.gallery-main::after{
  content:'';
  position:absolute;
  inset:8px;
  border:1.5px dashed rgba(27,47,196,0.38);
  border-radius:12px;
  pointer-events:none;
  z-index:1;
}

/* Sello MAQUITEX en la esquina inferior derecha */
.machine-img-photo::before,
.gallery-main::before{
  content:'';
  position:absolute;
  right:16px;
  bottom:16px;
  width:86px;
  height:28px;
  background:#fff url(../img/logo.png) center / 68px auto no-repeat;
  border:1px solid rgba(27,47,196,0.18);
  border-radius:100px;
  box-shadow:0 6px 16px -8px rgba(10,18,64,0.35);
  pointer-events:none;
  z-index:2;
}

.gallery-main::after{inset:12px; border-radius:14px;}
.gallery-main::before{right:24px; bottom:24px; width:120px; height:38px; background-size:96px auto;}

/* Etiquetas "Nueva" y marca por encima de la costura */
.machine-img-photo .machine-badge,
.machine-img-photo .machine-tag{z-index:3;}

/* Que el sello no tape la foto: más aire abajo */
.machine-img-photo{padding-bottom:30px !important;}
.gallery-main img{padding-bottom:56px !important;}

@media (max-width:560px){
  .gallery-main::before{right:18px; bottom:18px; width:98px; height:32px; background-size:78px auto;}
}

/* Flechas de la galería por encima de la costura */
.gallery-arrow{z-index:3;}

/* Nota "Imagen referencial": se muestra cuando el producto tiene
   marcada la casilla "Imagen referencial" en el panel admin */
.marco-nota{
  position:absolute;
  left:16px;
  bottom:16px;
  z-index:2;
  height:28px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  background:rgba(255,255,255,0.94);
  border:1px solid rgba(27,47,196,0.18);
  border-radius:100px;
  font-family:'IBM Plex Mono', monospace;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:0.02em;
  color:#0A1240;
  pointer-events:none;
}
.gallery-main .marco-nota{left:24px; bottom:24px; height:38px; padding:0 16px; font-size:12.5px;}
@media (max-width:560px){
  .gallery-main .marco-nota{left:18px; bottom:18px; height:32px; font-size:11px;}
}

/* Todas las fotos sobre fondo blanco dentro del marco (en Repuestos y
   Tijeras la 2.ª y 3.ª tarjeta de cada fila quedaban sobre azul) */
.machine-card .machine-img.machine-img-photo{background:#fff;}