/* V5 - hero com mídia e degradê no mesmo recorte, endereço no cabeçalho e teste vermelho. */
.header-address{display:flex;align-items:center;gap:11px;line-height:1.2;color:#465766;transition:color .2s}
.header-address:hover{color:#b5474b}
.header-address .address-pin{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#f4f5f3;color:#b94c50;font-size:24px;line-height:1}
.header-address span:nth-child(2){display:flex;flex-direction:column;gap:4px}
.header-address strong{font-size:11px;font-weight:800}
.header-address small{font-size:9px;color:#84919a}
.header-address .address-arrow{font-size:15px;color:#b5474b}
.hero{height:min(900px,calc(100svh - 120px));min-height:740px;background:#fff}
.hero-content{padding-top:55px;position:relative;z-index:2}
.hero-toplabel{font:680 clamp(22px,2.8vw,34px) Manrope;line-height:1.28;letter-spacing:-.045em;margin:0;color:#1b2a37}
.hero-subtitle{margin:14px 0 0!important;font-size:14px!important;max-width:470px!important}
.hero-media{position:absolute;left:max(24px,calc((100% - 1320px)/2));right:max(24px,calc((100% - 1320px)/2));top:235px;bottom:0;overflow:hidden;border-radius:16px;isolation:isolate;background:#182e3b}
.hero-media .hero-photo{position:absolute;inset:0;top:0;right:0;bottom:0;left:0;border-radius:0;background-image:url('assets/fachada-hero.webp');background-size:cover;background-position:center 52%;z-index:0}
.hero-media .hero-shade{position:absolute;inset:0;top:0;right:0;bottom:0;left:0;border-radius:0;background:linear-gradient(to bottom,rgba(255,255,255,.82),rgba(255,255,255,.08) 13%,transparent 31%),linear-gradient(to top,rgba(4,16,29,.92) 0%,rgba(4,16,29,.67) 27%,rgba(4,16,29,.13) 55%,transparent 78%);z-index:1}
.hero-media .hero-photo-title{position:absolute;left:51px;right:30px;bottom:105px;z-index:3;color:white}
.hero-media .hero-photo-title h1{margin:0 0 14px;font-family:Manrope,sans-serif;display:flex;align-items:flex-start;flex-direction:column;line-height:1.02;letter-spacing:-.065em}
.hero-media .hero-photo-title h1 span{font-weight:420;font-size:clamp(36px,4.2vw,54px);color:#f5f7f7}
.hero-media .hero-photo-title h1 strong{font-weight:850;font-size:clamp(55px,6.5vw,88px);color:white;letter-spacing:-.078em}
.hero-media .hero-photo-title p{margin:0;font-size:14px;color:#e1e8ec}
.hero-media .hero-foot{left:51px;right:51px;bottom:40px;z-index:3}
.hero-media .image-disclaimer{position:absolute;right:29px;bottom:12px;left:auto;color:#d6dfe4;z-index:3}
.concept-tagline{font:600 17px Manrope!important;letter-spacing:-.025em;color:#ad454a!important;margin:-13px 0 26px!important}
.commercial-facts>div:last-of-type{background:#b74449}
.commercial-facts>div:last-of-type small{color:#ffe4e6}
.commercial-facts>div:last-of-type strong{color:#fff}
@media(max-width:1050px){
  .header-address small{display:none}
  .header-address strong{font-size:10px}
  .hero-media .hero-photo-title{left:40px}
}
@media(max-width:760px){
  .header-address{gap:5px}
  .header-address .address-pin{width:27px;height:27px;font-size:18px}
  .header-address strong{font-size:9px}
  .header-address .address-arrow{display:none}
  .header .nav-cta{font-size:10px;padding:11px}
  .header .brand img{width:143px}
  .hero{height:750px;min-height:710px}
  .hero-content{padding-top:42px}
  .hero-toplabel{font-size:clamp(22px,5.9vw,28px)}
  .hero-subtitle{font-size:12px!important;line-height:1.55!important;max-width:340px!important}
  .hero-media{left:13px;right:13px;top:215px;border-radius:13px}
  .hero-media .hero-photo{background-position:48% center}
  .hero-media .hero-shade{background:linear-gradient(to bottom,rgba(255,255,255,.65),transparent 19%),linear-gradient(to top,rgba(4,16,29,.94),rgba(4,16,29,.55) 47%,transparent 82%)}
  .hero-media .hero-photo-title{left:25px;right:20px;bottom:117px}
  .hero-media .hero-photo-title h1 span{font-size:36px}
  .hero-media .hero-photo-title h1 strong{font-size:clamp(51px,13.6vw,70px)}
  .hero-media .hero-photo-title p{font-size:12px}
  .hero-media .hero-foot{left:25px;right:25px;bottom:46px}
  .hero-media .image-disclaimer{right:15px;left:20px;bottom:14px;font-size:8px}
  .concept-tagline{font-size:15px!important}
}
@media(max-width:410px){
  .header .brand img{width:120px}
  .header-address .address-pin{display:none}
  .header-address strong{font-size:8px}
  .header .nav-cta{font-size:9px;padding:9px 7px}
  .header .nav-cta span{margin-left:5px}
  .hero-media .hero-photo-title h1 strong{font-size:50px}
}