/* Foto de fondo completa con halo grafito localizado detrás del texto. */
.mineral-section .mineral-visual {
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #242e37;
}
.mineral-section .mineral-visual > img {
  position: relative !important;
  inset: auto !important;
  width: 100%;
  height: auto !important;
  aspect-ratio: 1672 / 941;
  object-fit: contain !important;
  filter: none;
}
.mineral-section .mineral-visual::after { display: none; }
.mineral-section .mineral-visual > div {
  position: absolute !important;
  z-index: 2;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 28px clamp(20px, 2.4vw, 32px) 20px;
  background: linear-gradient(180deg,
    rgba(43, 47, 51, 0) 0%,
    rgba(43, 47, 51, .5) 32%,
    rgba(43, 47, 51, .78) 100%);
}
.mineral-section .mineral-visual h2 {
  margin-top: 0;
  max-width: 92%;
  font-size: clamp(1.45rem, 2.2vw, 2.05rem);
  line-height: 1.08;
}
.mineral-section .mineral-visual:hover h2 { transform: none; }
@media (max-width: 560px) {
  .mineral-section .mineral-visual > div {
    width: 100%;
    top: auto;
    bottom: 0;
    padding: 24px 20px 16px;
  }
  .mineral-section .mineral-visual h2 { font-size: clamp(1.35rem, 5vw, 1.75rem); }
}
@media (min-width: 861px) {
  .mineral-section .mineral-showcase {
    grid-template-columns: 1.05fr 1.1fr;
  }
}
.mineral-section .mineral-visual:hover > img { filter: none; transform: none; }