/* Dedicated portrait hero. Desktop retains its existing styles and image. */
@media(max-width:1100px){
 #inicio.hero{display:flex;flex-direction:column;min-height:0;height:auto;padding:0 0 36px;background:#080c0d;overflow:hidden;isolation:isolate}
 #inicio.hero:after{display:none}
 #inicio .hero-brand{position:relative;top:auto;left:auto;right:auto;padding:26px 0 0;text-align:center;z-index:3}
 #inicio .hero-brand .brand{font-size:21px;letter-spacing:2px}
 #inicio .hero-picture{display:block;position:relative;width:100%;height:auto;margin-top:-60px;z-index:0}
 #inicio .hero-art{position:static;display:block;width:100%;height:auto;max-height:none;aspect-ratio:9/16;object-fit:cover;object-position:center;opacity:1;transform:none;mask-image:linear-gradient(#000 88%,transparent);-webkit-mask-image:linear-gradient(#000 88%,transparent)}
 #inicio .hero-inner{display:contents}
 #inicio h1{position:absolute;z-index:2;top:88px;left:22px;right:22px;width:auto;max-width:none;margin:0;text-align:center;font-size:clamp(23px,5.9vw,36px);line-height:1.18;letter-spacing:-.8px}
 #inicio h1>span,#inicio h1>em{white-space:normal;display:block}
 #inicio h1>em{margin-top:8px}
 #inicio .hero-copy,#inicio .hero-note{position:relative;z-index:2;width:calc(100% - 44px);max-width:510px;margin:0 auto;text-align:center;font-size:16px;line-height:1.65}
 #inicio .hero-copy{margin-top:-36px;color:#c2ccd1}
 #inicio .hero-note{margin-top:18px;font-size:14px;color:#fff}
 #inicio .hero-inner>.button{align-self:center;position:relative;z-index:2;margin:25px 22px 0;width:calc(100% - 44px);max-width:360px;min-height:52px;justify-content:center;padding:16px;font-size:14px;gap:15px}
 #inicio .hero-caption{display:none}
}
@media(min-width:601px) and (max-width:1100px){
 #inicio .hero-picture{width:min(100%,650px);align-self:center;margin-top:-75px}
 #inicio .hero-brand{padding-top:32px}
 #inicio h1{top:110px;font-size:36px;max-width:590px;margin-inline:auto}
 #inicio .hero-copy{margin-top:-55px;font-size:18px}
 #inicio .hero-note{font-size:16px}
}