/* BEGIN: MOBILE HERO V1 */ 
@media(max-width:639px){
  .hm-hero-section{background-position:60% center!important; background-color: #F5F1EC !important;}
  .hm-hero-section>div.relative.max-w-7xl{display:block!important;min-height:0!important;padding:2.5rem 1rem 0!important}
  
  .hm-hero-section .lg\:col-span-7{
    position:static;
    width:100%;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  .hm-hero-section .lg\:col-span-7>p:first-of-type{
    margin-bottom:1rem!important;
    color:#7c6854!important;
    font-size:.75rem!important;
    font-weight:600!important;
    letter-spacing:.15em!important;
  }
  
  .hm-hero-heading{
    max-width:100%;
    color:#181511!important;
    font-family:Georgia,serif!important;
    font-size:clamp(2.4rem, 11vw, 3.2rem)!important;
    font-weight:400!important;
    line-height:1.15!important;
    letter-spacing:-.02em!important;
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
  .hm-hero-heading span{display:inline-block;margin-top:.1em;font-weight:600!important}
  
  .hm-hero-heading+div{
    display: none !important;
  }
  
  .hm-hero-heading+div+p{
    max-width:90%!important;
    margin-top:1.2rem!important;
    color:#333!important;
    font-size:.9rem!important;
    line-height:1.6!important;
    font-weight: 500!important;
  }
  
  .hm-hero-section .mt-7.sm\:mt-8{
    position:static!important;
    margin-top:2rem!important;
    margin-bottom: 2rem!important;
    width: 100%;
    display: flex!important;
    justify-content: center!important;
    padding-bottom: 3rem; /* extra space before stats bar */
  }
  
  .hm-hero-cta{
    width:auto!important;
    min-width: 16rem;
    min-height:3.2rem;
    padding:0 2rem!important;
    border-radius:999px!important;
    background:#222!important;
    color:#fff!important;
    font-size:1rem!important;
    font-weight:400!important;
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 0.75rem!important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15)!important;
  }
  
  #heroWhatsappBtn.hm-hero-icon-btn, #heroInstagramBtn.hm-hero-icon-btn{
    position:absolute!important;
    right:1rem;
    width:2.8rem;
    height:2.8rem;
    border-radius: 50%!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15)!important;
  }
  
  #heroWhatsappBtn.hm-hero-icon-btn{
    bottom: 8.5rem;
    background-color: #55c87e !important;
  }
  
  #heroInstagramBtn.hm-hero-icon-btn{
    bottom: 5rem;
    background-color: #df745d !important;
  }
  
  #heroWhatsappBtn svg, #heroInstagramBtn svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: white !important;
    color: white !important;
  }
  
  .hm-hero-section .mt-8.sm\:mt-10{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    padding: 1.25rem 0.5rem;
    background: #F5F1EC !important;
    color: #27231f!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    gap: 0.75rem!important;
    font-size: .75rem!important;
    font-weight: 500!important;
  }
  
  .hm-hero-section .mt-8.sm\:mt-10>span{
    white-space:nowrap;
  }
  
  .hm-hero-section .mt-8.sm\:mt-10>span.text-stone-900{
    color:#27231f!important;
    font-weight:500!important;
  }
  
  .hm-hero-section .mt-8.sm\:mt-10>span.text-stone-300{
    width:1px;
    height:1rem;
    overflow:hidden;
    background:#c0b7af;
    color:transparent!important;
    font-size:0!important;
  }
}
@media(max-width:374px){
  .hm-hero-heading{font-size:2.2rem!important}
  .hm-hero-section .mt-8.sm\:mt-10{font-size:.65rem!important; gap: 0.4rem!important;}
}
/* END: MOBILE HERO V1 */