/* fotos-mx.css (07-10) — sin imágenes hechas con IA: tarjetas con ícono (el mismo dibujo que .fx-paso__foto--ico de las
   fichas) donde iba un lugar o un paso, y las fotos de envase de José completas (sin recortar) donde iba una escena. */
.lc-ico{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#e9f1fd;
  background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.95) 0 58px,rgba(255,255,255,0) 59px),linear-gradient(rgba(0,45,162,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,45,162,.07) 1px,transparent 1px);
  background-size:100% 100%,23px 23px,23px 23px}
.lc-ico svg{width:58px;height:58px;color:#F00001;filter:drop-shadow(0 6px 12px rgba(240,0,1,.18))}
/* en .shot (fichas que vienen de Guatemala) el ícono ocupa el cuadro entero y se apaga el marco punteado */
.shot.lc-sin-foto{padding:0}.shot.lc-sin-foto:after{content:none}.shot.lc-sin-foto .lc-ico{position:absolute;inset:0;border-radius:inherit}
/* el problema: goteras, moho y grietas, un ícono sobre cada columna de la lista de abajo; la franja roja va debajo */
.prob .shot.lc-sin-foto{aspect-ratio:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.prob .shot.lc-sin-foto .lc-ico{position:static;height:210px;border-radius:0}
.prob .shot.lc-sin-foto .lc-ico+.lc-ico{border-left:1px solid rgba(0,45,162,.12)}
.prob .shot.lc-sin-foto+.claim{position:static}
.fx-color__foto--ico{aspect-ratio:auto;height:210px}
.gw__photo{background:#fff}
.gt-contacto__foto img.lc-prod{padding:8% 16% 26%}
.s-azul,.lc-inv,.gt-portada{--fondo-prod:url(/assets/imp/lcj-t-galon-w900.webp)}
.c-casos__foto .lc-ico{position:absolute;inset:0}
.uso .lc-ico{height:148px}
.fx-color__foto .lc-ico{position:absolute;inset:0}
/* foto de envase: completa sobre blanco (las escenas se recortaban con cover) */
img.lc-prod{object-fit:contain!important;background:#fff;padding:7%;box-sizing:border-box}
.gk__photo img.lc-prod,.gt-contacto__foto img.lc-prod.lc-prod--fondo{background:transparent}
.gw__photo img.lc-prod{padding:9% 9% 14%}
.uso img.lc-prod{padding:6% 10%}
@media(max-width:760px){.uso .lc-ico{height:128px}.fx-color__foto--ico{height:170px}
  .prob .shot.lc-sin-foto .lc-ico{height:130px;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.95) 0 38px,rgba(255,255,255,0) 39px),linear-gradient(rgba(0,45,162,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,45,162,.07) 1px,transparent 1px)}
  .prob .shot.lc-sin-foto .lc-ico svg{width:40px;height:40px}}