/* MAMMA'S BURGER — hotfix visual hero + visita (v3.7)
   Cargar DESPUÉS de todas las hojas de estilo. */
.drive-in.image-frame.image-frame--hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}
.drive-in.image-frame.image-frame--hero > img.hero-character-image {
  position: absolute !important;
  top: 100px !important;
  right: 30px !important;
  bottom: 28px !important;
  left: 30px !important;
  width: calc(100% - 60px) !important;
  height: calc(100% - 128px) !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  z-index: 2 !important;
}
.drive-in.image-frame.image-frame--hero > img.hero-product-logo {
  display: block !important;
  position: absolute !important;
  top: 27px !important;
  left: 28px !important;
  right: auto !important;
  bottom: auto !important;
  width: 132px !important;
  height: 60px !important;
  max-width: calc(100% - 56px) !important;
  max-height: 60px !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.6)) !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 10 !important;
  pointer-events: none !important;
}
.drive-in.image-frame.image-frame--hero::before {
  z-index: 8 !important;
  pointer-events: none !important;
}
/* Foto real del equipo en VISÍTANOS, conservando tarjeta y marco rojo. */
.visit.section-shell.js-reveal {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-color: #b82222 !important;
  background-image:
    linear-gradient(rgba(178,34,34,.58), rgba(178,34,34,.70)),
    url("../img/web/brand/visit-team.jpg") !important;
  background-size: cover !important;
  background-position: center 38% !important;
  background-repeat: no-repeat !important;
  border: 10px solid #b82222 !important;
  box-sizing: border-box !important;
}
.visit.section-shell.js-reveal > * {
  position: relative !important;
  z-index: 4 !important;
}
.visit.section-shell.js-reveal::before {
  content: "" !important;
  position: absolute !important;
  inset: 20px !important;
  border: 2px solid rgba(255,255,255,.52) !important;
  z-index: 3 !important;
  pointer-events: none !important;
}
.visit.section-shell.js-reveal::after {
  z-index: 1 !important;
  pointer-events: none !important;
}
@media (max-width: 560px) {
  .drive-in.image-frame.image-frame--hero > img.hero-character-image {
    top: 82px !important;
    right: 20px !important;
    bottom: 22px !important;
    left: 20px !important;
    width: calc(100% - 40px) !important;
    height: calc(100% - 104px) !important;
  }
  .drive-in.image-frame.image-frame--hero > img.hero-product-logo {
    top: 22px !important;
    left: 20px !important;
    width: 105px !important;
    height: 48px !important;
    max-height: 48px !important;
  }
  .visit.section-shell.js-reveal {
    background-position: center center !important;
    padding: 30px 24px !important;
  }
}
