/* Shared vector arrows never depend on an operating system emoji font. */
.ui-arrow{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible}
.btn .ui-arrow,.text-link .ui-arrow{width:20px;height:20px;min-width:20px}
img,video{max-width:100%}
@media(max-width:700px){
 .top .sabino-mark{width:155px}
 .top .menu-toggle{min-height:44px;font-size:16px}
 body[data-page=home] .hero-copy h1{font-size:clamp(36px,10.5vw,46px);line-height:1.06;letter-spacing:-.045em}
 .hero-copy .eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.6}
 .btn{min-height:48px;gap:20px}
 .commercial-prices strong{font-size:clamp(22px,6.6vw,29px)}
 .commercial-prices .price-spaces{white-space:normal;font-size:14px}
 .commercial-prices .price-spaces b{font-size:25px}
 .project-card .card-mark{max-width:75%}
 .finance-entry .btn{white-space:normal;text-align:center}
 input,select,textarea{font-size:16px}
 .whatsapp-float{width:48px;height:48px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
 .whatsapp-float>svg{width:24px;height:24px}
 .footer{padding-bottom:84px}
}
@media(max-width:360px){
 .top .sabino-mark{width:125px}
 .commercial-prices{gap:10px}
 .commercial-prices>div+div{padding-left:10px}
 .commercial-prices strong{font-size:22px}
}