/* ASSET MARITIME · landing page */
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#06101F}
img{max-width:100%}
a{color:#35C2E6;text-decoration:none}
a:hover{color:#FFFFFF}
.am-root{container-type:inline-size;container-name:page;overflow-x:clip}
.am-root h1,.am-root h2,.am-root h3{overflow-wrap:break-word;text-wrap:balance}
.am-root p{text-wrap:pretty}
input,select,textarea,button{font-family:inherit}
input::placeholder,textarea::placeholder{color:#7F93AD}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #35C2E6;outline-offset:2px}
.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Navegação */
.nav-links{display:flex}
.nav-links a:hover{color:#FFFFFF !important}
.nav-toggle{display:none}
.nav-panel{display:none}

/* Hero */
.hero-media{position:absolute;inset:0;overflow:hidden}
.hero-media img{transform-origin:78% 34%;animation:am-drift 30s ease-in-out infinite alternate;will-change:transform}
@keyframes am-drift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(-1.5%,0.8%,0)}}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,31,0.94) 0%,rgba(6,16,31,0.78) 36%,rgba(6,16,31,0.25) 70%,rgba(6,16,31,0.05) 100%)}

/* Faixa de ativos */
@keyframes am-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.am-track{animation:am-marquee 50s linear infinite}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hero-media img,.am-track{animation:none}}

/* Tablet: menu vira botão */
@container page (max-width: 920px){
.nav-links{display:none}
.nav-toggle{display:inline-flex}
.menu-open .nav-panel{display:flex}
}

/* Tablet pequeno e celular deitado */
@container page (max-width: 760px){
.hero{min-height:0 !important}
.hero-scrim{background:linear-gradient(180deg,rgba(6,16,31,0.5) 0%,rgba(6,16,31,0.72) 55%,#06101F 100%)}
.hero-img{object-position:85% 45% !important}
.svc-row{gap:16px 20px !important}
.svc-num{flex:0 0 auto !important}
.svc-title{flex:1 1 0 !important}
}

/* Celular */
@container page (max-width: 560px){
.nav-cta{padding:0 16px !important;font-size:14px !important}
.btn-row{flex-direction:column !important;align-items:stretch !important}
.btn-row > a,.btn-row > button{justify-content:center !important}
.proof-row{flex-direction:column !important;gap:12px !important}
.card-tall{min-height:0 !important;gap:28px !important}
.svc-hero{min-height:0 !important;border-radius:24px !important}
.svc-img{position:relative !important;inset:auto !important;height:220px !important}
.svc-scrim{display:none !important}
.svc-tag{position:absolute !important;top:12px;left:12px;padding:0 !important}
.svc-body{padding:24px 20px 28px !important}
.svc-row{padding:32px 0 !important}
.svc-num{font-size:40px !important}
.svc-title{font-size:22px !important}
.panel{border-radius:24px !important}
.theme-row{padding:22px 0 !important;gap:8px 16px !important}
.photo{border-radius:20px !important}
.stat-num{font-size:60px !important}
.contact-card{min-height:460px !important;border-radius:24px !important}
.form-card{border-radius:24px !important}
.footer-row{flex-direction:column !important;align-items:flex-start !important}
.img-max-height-mobile {max-height:400px;}
}