/* Mitsoli v2.1.4 — final mobile hero + footer touch */
:root{--m214:#2F1727;--m214-line:rgba(255,255,255,.14)}

/* Mobile hero: show the complete artwork. Never crop it like a banner. */
@media(max-width:767px){
  .common-home .m20-visual-hero{
    padding:12px 0 7px!important;
    background:#fff!important;
  }
  .common-home .m20-visual-hero-link,
  .common-home .m20-visual-hero picture{
    display:block!important;
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
    background:#fff!important;
  }
  .common-home .m20-visual-hero img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    aspect-ratio:16/9!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
  }

  /* Footer: a tighter, more corporate mobile hierarchy. */
  .m213-footer-main{
    width:calc(100% - 36px)!important;
    padding-top:18px!important;
    padding-bottom:12px!important;
  }
  .m213-footer-brand{
    padding-bottom:11px!important;
    text-align:left!important;
  }
  .m213-footer-kicker{
    font-size:7px!important;
    letter-spacing:.16em!important;
  }
  .m213-footer-wordmark{
    margin-top:4px!important;
    font-size:27px!important;
    line-height:1!important;
  }
  .m213-footer-brand p{
    margin:5px 0 8px!important;
    font-size:9px!important;
    line-height:1.45!important;
  }
  .m213-footer-contact{
    grid-template-columns:1fr 1fr!important;
    gap:6px 10px!important;
  }
  .m213-footer-contact a{
    font-size:8.3px!important;
    gap:5px!important;
  }
  .m213-footer-contact i{font-size:12px!important}

  .m213-footer-group summary{
    min-height:42px!important;
    font-size:9.5px!important;
  }
  .m213-footer-linkgrid{
    padding-bottom:10px!important;
  }
  .m213-footer-linkgrid a{
    padding:4px 0!important;
    font-size:8.8px!important;
  }

  .m213-footer-action{
    padding-top:11px!important;
    text-align:left!important;
  }
  .m213-footer-action h5{
    margin-bottom:4px!important;
    font-size:9.5px!important;
  }
  .m213-footer-action p{
    max-width:none!important;
    margin:0 0 8px!important;
    font-size:8.7px!important;
    line-height:1.45!important;
  }
  .m213-footer-whatsapp{
    height:43px!important;
    border-color:#fff!important;
    background:#fff!important;
    color:var(--m214)!important;
    font-size:10px!important;
  }
  .m213-footer-whatsapp i,
  .m213-footer-whatsapp b{color:var(--m214)!important}
  .m213-footer-action small{
    margin-top:6px!important;
    font-size:7.7px!important;
    line-height:1.4!important;
  }
  .m213-footer-bottom .m20-shell{
    width:calc(100% - 36px)!important;
    padding:8px 0 calc(8px + env(safe-area-inset-bottom))!important;
    gap:3px!important;
    font-size:7.8px!important;
  }
}

@media(max-width:390px){
  .m213-footer-contact{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
}