#inicio .hero{padding-top:0!important;gap:0!important;background:#faf8f3}
#inicio .heroIntro{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px max(20px,env(safe-area-inset-left))!important;width:100%;max-width:1180px;margin:0 auto}
#inicio .heroIntro h1{font-size:clamp(28px,3.3vw,46px)!important;line-height:1.3!important;margin:0;max-width:none;font-weight:400}
#inicio .heroIntro .heroBtns{display:flex;flex-wrap:wrap;gap:12px;margin:0;width:100%}
#inicio .heroIntro .btn{position:relative;inset:auto;transform:none;flex:1 1 170px;max-width:100%;min-height:48px;padding:13px 20px;margin:0;line-height:1.35;text-align:center;white-space:normal;border-radius:12px}
.ar-public-menu .ar-links .ar-cta{display:flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;min-height:44px;padding:12px 18px;line-height:1.3;margin:0}
.ar-public-menu .ar-links{gap:12px}
@media(min-width:850px){#inicio .heroIntro{flex-direction:row;align-items:center;padding-top:32px!important;padding-bottom:32px!important;gap:30px}#inicio .heroIntro .heroBtns{width:auto;flex-shrink:0;flex-wrap:nowrap}#inicio .heroIntro .btn{flex:0 0 auto}}
@media(max-width:600px){
 #inicio .heroIntro{padding:16px max(16px,env(safe-area-inset-left))!important;gap:12px}
 #inicio .heroIntro h1{font-size:24px!important;line-height:1.2!important}
 #inicio .heroIntro .heroBtns{flex-direction:row;flex-wrap:nowrap;gap:10px;align-items:center}
 #inicio .heroIntro .btn{flex:0 1 auto;min-height:44px;padding:9px 13px;font-size:13px!important;border-radius:10px;width:auto;line-height:1.25}
 #inicio .heroIntro .btn.light{flex:1 1 auto;background:transparent;border:0;padding:8px 0;color:#726855;font-size:12px!important;box-shadow:none}
 #inicio .heroIntro .btn span{display:none}
}
@media(max-width:350px){#inicio .heroIntro h1{font-size:22px!important}#inicio .heroIntro .btn{padding:9px 10px;font-size:12px!important}#inicio .heroIntro .btn.light{font-size:11px!important}}