/* RPMX canonical card visual contract – 2026-11-06.
   Media kind comes from approved listing_media (logo vs cover).
   Decorative photos cover; complete brand identities contain.
   Operational status is never an overlay on the brand mark.
   Scope is restricted to Home map rail and its existing hero CTA. */
body.rpmx-front-page #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card__media{
 background:#fff!important;
}
body.rpmx-front-page #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card.is-logo-media .rpmx-home-map-card__media img{
 width:100%!important;height:100%!important;
 object-fit:contain!important;object-position:center!important;
 padding:5px!important;box-sizing:border-box!important;
}
body.rpmx-front-page #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card.is-photo-media .rpmx-home-map-card__media img{
 width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:center!important;
 padding:0!important;
}
body.rpmx-front-page #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card.is-logo-media .rpmx-home-map-card__media-shade{
 display:none!important;
}
body.rpmx-front-page #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card__media{
 border:1px solid rgba(22,34,54,.07)!important;
 border-radius:10px!important;
}
/* Desktop hero CTA matches the Mapa/Explorar navigation rather than a full
   column-width red bar. Nothing changes below the mobile breakpoint. */
@media(min-width:768px){
 body.rpmx-front-page #rpmx-home-hero .rpmx-hero-map__content>a[href="/explorar/"]{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  align-self:flex-start!important;flex:none!important;
  width:auto!important;min-width:186px!important;max-width:280px!important;
  min-height:46px!important;padding:12px 21px!important;
  background:#162236!important;color:#fff!important;
  border-radius:14px!important;border:1px solid #162236!important;
  font-size:.9rem!important;line-height:1.2!important;
  box-shadow:0 8px 22px rgba(22,34,54,.12)!important;
 }
 body.rpmx-front-page #rpmx-home-hero .rpmx-hero-map__content>a[href="/explorar/"]:hover{
  background:#273e59!important;border-color:#273e59!important;
 }
}
/* Mobile compact rail: image, status and name occupy independent rows.
   We deliberately keep names short; secondary summaries remain in the listing. */
@media(max-width:767px){
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero .rpmx-home-map-card-rail-wrap{
  flex:0 0 115px!important;height:115px!important;min-height:115px!important;max-height:115px!important;
 }
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail,
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail.rpmx-home-map-card-rail{
  height:110px!important;min-height:110px!important;max-height:110px!important;
  align-items:stretch!important;
 }
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card,
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail article.rpmx-home-map-card{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:57px 37px!important;
  gap:2px!important;
  height:102px!important;min-height:102px!important;max-height:102px!important;
  padding:3px!important;border-radius:13px!important;
 }
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card__media{
  grid-column:1!important;grid-row:1!important;
  height:57px!important;min-height:57px!important;max-height:57px!important;
  width:100%!important;overflow:hidden!important;
 }
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card__body{
  grid-column:1!important;grid-row:2!important;position:relative!important;
  display:flex!important;flex-direction:column!important;
  gap:1px!important;height:37px!important;min-height:37px!important;max-height:37px!important;
  overflow:hidden!important;justify-content:flex-start!important;
  padding:1px!important;pointer-events:none!important;
 }
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card__selected-context{
  order:0!important;
  position:static!important;top:auto!important;left:auto!important;right:auto!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  height:16px!important;min-height:16px!important;max-height:16px!important;
  flex:0 0 16px!important;width:100%!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  background:transparent!important;box-shadow:none!important;
 }
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card__meta-row--status{
  height:16px!important;min-height:16px!important;max-height:16px!important;
  display:flex!important;align-items:center!important;overflow:visible!important;
 }
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card__status{
  min-height:14px!important;height:14px!important;max-height:14px!important;
  font-size:.53rem!important;font-weight:800!important;
  line-height:1!important;padding:1px 5px!important;
  box-shadow:none!important;border:0!important;
  background:#edf5ef!important;
 }
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card__status--closed{
  background:#fff0ee!important;color:#9b2f35!important;
 }
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card__title{
  order:1!important;line-height:1.16!important;
  max-height:17px!important;flex:0 0 auto!important;
  font-size:.64rem!important;white-space:nowrap!important;
 }
 body.rpmx-front-page:not(.rpmx-selected-place-open) #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card__summary{
  display:none!important;
 }
 /* When a restaurant is selected the existing compact 66px rail is retained,
    with no status drawn on top of its picture. */
 body.rpmx-front-page.rpmx-selected-place-open #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card__selected-context{
  display:none!important;
 }
}
/* Shared focus clarity for keyboard users. */
body.rpmx-front-page #rpmx-home-hero #rpmx-home-map-card-rail .rpmx-home-map-card:focus-visible{
 outline:2px solid #cc363b!important;outline-offset:2px!important;
}
