/* VRS Seguros — Seguro de Transportes. Complementa os tokens de style.css. */
.transport-page .dropdown-item.active { background: var(--azul-escuro); color: #fff; }
.transport-hero { position: relative; background: var(--azul-escuro); color: #fff; overflow: hidden; border-bottom-right-radius: clamp(44px, 7vw, 100px); }
.transport-hero-image, .transport-hero-shade { position: absolute; inset: 0; }
.transport-hero-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }
.transport-hero-shade { background: linear-gradient(90deg, rgb(6 26 41 / 91%) 0%, rgb(8 36 54 / 65%) 42%, rgb(8 31 46 / 12%) 80%), linear-gradient(0deg, rgb(7 31 48 / 32%), transparent 55%); }
.transport-hero-content { position: relative; z-index: 1; padding-top: 30px; padding-bottom: 65px; }
.transport-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; color: #DAE8F0; font-size: var(--fonte-minima); margin-bottom: 54px; }
.transport-breadcrumb .icon { width: 12px; height: 12px; }
.transport-breadcrumb a:hover { color: #BCE7FF; }
.transport-breadcrumb [aria-current] { color: #fff; }
.transport-hero-copy { max-width: 760px; }
.transport-hero-copy .section-label { font-size: var(--fonte-minima); letter-spacing: 1.1px; }
.transport-hero h1 { font-size: clamp(40px, 4.1vw, 60px); font-weight: 500; letter-spacing: -2.1px; line-height: 1.17; margin-bottom: 25px; }
.transport-hero h1 > span { color: #BCE7FF; }
.transport-hero-copy > p { font-size: 15px; line-height: 1.8; color: #E0ECF3; max-width: 570px; margin-bottom: 31px; }
.transport-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 26px 35px; }
.transport-hero-actions .btn { font-size: 13px; }
.transport-download-link { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #fff; padding-block: 8px; }
.transport-download-link .icon { width: 19px; height: 19px; color: #BCE7FF; }
.transport-download-link:hover { color: #BCE7FF; }
.transport-modes { border-bottom: 1px solid var(--borda); }
.transport-modes .container-wide { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.transport-modes .container-wide > div { display: flex; justify-content: center; align-items: center; gap: 17px; padding: 27px 20px; border-right: 1px solid var(--borda); }
.transport-modes .container-wide > div:first-child { justify-content: flex-start; padding-left: 0; }
.transport-modes .container-wide > div:last-child { border-right: 0; }
.transport-modes .icon { width: 29px; height: 29px; color: var(--azul); stroke-width: 1.35; }
.transport-modes span { font-size: 14px; font-weight: 500; color: var(--azul-escuro); }
.transport-body { font-size: 15px; color: #586C7B; line-height: 1.9; margin-bottom: 20px; }
.transport-body:last-child { margin-bottom: 0; }
.transport-intro { padding-top: 96px; padding-bottom: 86px; }
.transport-intro .section-title { font-size: clamp(33px, 3vw, 44px); }
.transport-intro .text-link { font-size: 13px; }
.transport-profiles-heading { margin-bottom: 34px; }
.transport-profiles-heading .section-title { margin-bottom: 0; }
.transport-profile-grid > div { display: flex; }
.transport-profile-card { display: flex; flex-direction: column; width: 100%; padding: 36px; border: 1px solid var(--borda); border-radius: 12px 12px 42px 12px; background: #fff; }
.transport-profile-top { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 29px; }
.transport-profile-top > span { font-size: var(--fonte-minima); color: var(--azul-escuro); letter-spacing: .9px; }
.transport-profile-top .icon { width: 33px; height: 33px; color: var(--azul); stroke-width: 1.35; }
.transport-profile-card h3 { font-size: 29px; font-weight: 500; letter-spacing: -.9px; margin-bottom: 22px; }
.transport-profile-card .transport-body { font-size: 14px; }
.transport-profile-card .text-link { font-size: 13px; margin-top: auto; padding-top: 18px; }
.transport-profile-card--blue { background: var(--azul-escuro); border-color: var(--azul-escuro); color: #fff; }
.transport-profile-card--blue .transport-profile-top > span { color: #D1E8F7; }
.transport-profile-card--blue .transport-profile-top .icon { color: #BCE7FF; }
.transport-profile-card--blue .transport-body { color: #DEEBF3; }
.transport-profile-card--blue .text-link { color: #BCE7FF; }
.transport-profile-card--blue .text-link:hover { color: #fff; }
.transport-risk { padding-top: 92px; padding-bottom: 89px; }
.transport-risk .section-title { font-size: clamp(32px, 3vw, 43px); }
.transport-risk-callout { background: var(--fundo-suave); border: 1px solid var(--borda); border-radius: 12px 45px 12px 12px; padding: 36px; margin-left: 22px; }
.risk-callout-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 12px; background: var(--azul-gelo); color: var(--azul-escuro); margin-bottom: 26px; }
.risk-callout-icon > .icon { width: 28px; height: 28px; }
.transport-risk-callout h3 { font-size: 24px; line-height: 1.4; font-weight: 500; letter-spacing: -.6px; margin-bottom: 22px; }
.transport-risk-callout .transport-body { font-size: 14px; }
.risk-callout-footer { display: flex; gap: 9px; align-items: flex-start; border-top: 1px solid var(--borda); padding-top: 18px; font-size: var(--fonte-minima); color: var(--azul-escuro); line-height: 1.8; }
.risk-callout-footer .status-dot { margin-top: 8px; }
.transport-questionnaire-shell { background: var(--azul-gelo); border-radius: 12px 12px 65px 12px; padding: 48px 52px; display: flex; gap: 48px; align-items: center; justify-content: space-between; }
.transport-questionnaire-copy { min-width: 0; flex: 1; }
.transport-questionnaire-copy .section-title { font-size: clamp(32px, 3.2vw, 46px); }
.transport-questionnaire-copy > p { max-width: 450px; color: #586C7B; font-size: 14px; margin-bottom: 18px; }
.transport-questionnaire-copy .text-link { font-size: 13px; gap: 18px; }
.transport-document-card { width: 350px; max-width: 100%; flex-shrink: 0; padding: 31px; background: #fff; border: 1px solid #D2E5F0; border-radius: 10px; }
.transport-document-icon { display: grid; place-items: center; width: 48px; height: 48px; background: var(--fundo-suave); color: var(--azul-escuro); border-radius: 10px; margin-bottom: 23px; }
.transport-document-icon .icon { width: 28px; height: 28px; }
.transport-document-card h3 { font-size: 25px; font-weight: 500; line-height: 1.3; letter-spacing: -.6px; margin-bottom: 14px; }
.transport-document-format { display: block; font-size: var(--fonte-minima); color: var(--texto-leve); margin-bottom: 25px; }
.transport-document-download { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 21px; border-top: 1px solid var(--borda); color: var(--azul-escuro); font-size: 13px; font-weight: 500; line-height: 1.8; }
.transport-document-download .icon { width: 21px; height: 21px; transition: transform .3s var(--ease); }
.transport-document-download:hover { color: var(--azul); }
.transport-document-download:hover .icon { transform: translateY(3px); }
.transport-document-card small { display: block; font-size: var(--fonte-minima); color: var(--texto-leve); line-height: 1.7; margin-top: 20px; }

@media (max-width: 1199.98px) {
  .transport-hero h1 { font-size: 49px; }
  .transport-hero-copy { max-width: 690px; }
  .transport-profile-card { padding: 29px; }
  .transport-risk-callout { padding: 29px; margin-left: 10px; }
  .transport-questionnaire-shell { padding: 40px; gap: 34px; }
  .transport-document-card { width: 310px; padding: 26px; }
}
@media (max-width: 991.98px) {
  .transport-hero-content { padding-bottom: 57px; }
  .transport-hero h1 { font-size: 51px; }
  .transport-hero-copy { max-width: 640px; }
  .transport-hero-copy > p { font-size: 14px; }
  .transport-modes .container-wide > div { gap: 11px; padding-inline: 14px; }
  .transport-modes span { font-size: 13px; }
  .transport-modes .icon { width: 25px; height: 25px; }
  .transport-body { font-size: 15px; }
  .transport-intro { padding-block: 72px; }
  .transport-intro .section-title { font-size: 41px; }
  .transport-profile-card { padding: 33px; }
  .transport-profile-card h3 { font-size: 29px; }
  .transport-risk { padding-block: 74px; }
  .transport-risk-callout { margin-left: 0; padding: 33px; }
  .transport-questionnaire-shell { padding: 35px; gap: 30px; }
  .transport-questionnaire-copy .section-title { font-size: 35px; }
  .transport-document-card { width: 290px; padding: 24px; }
  .transport-document-card h3 { font-size: 24px; }
}
@media (max-width: 767.98px) {
  .transport-questionnaire-shell { flex-direction: column; align-items: stretch; }
  .transport-document-card { width: 100%; }
}
@media (max-width: 575.98px) {
  .transport-hero { border-bottom-right-radius: 43px; }
  .transport-hero-content { padding-top: 24px; padding-bottom: 45px; }
  .transport-breadcrumb { margin-bottom: 38px; gap: 9px; }
  .transport-hero-copy .section-label { letter-spacing: .7px; line-height: 1.8; }
  .transport-eyebrow-divider { display: none; }
  .transport-eyebrow-specialty { display: block; }
  .transport-hero h1 { font-size: clamp(32px, 8.8vw, 44px); letter-spacing: -1.25px; line-height: 1.22; margin-bottom: 23px; }
  .transport-hero-copy > p { font-size: 14px; }
  .transport-hero-shade { background: linear-gradient(90deg, rgb(6 26 41 / 91%), rgb(8 36 54 / 66%) 80%), linear-gradient(0deg, rgb(7 31 48 / 42%), transparent 60%); }
  .transport-hero-image img { object-position: 67% center; }
  .transport-hero-actions { flex-direction: column; align-items: flex-start; gap: 19px; }
  .transport-hero-actions .btn { font-size: 12px; padding: 15px 18px; gap: 22px; }
  .transport-download-link { font-size: 13px; }
  .transport-modes .container-wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .transport-modes .container-wide > div, .transport-modes .container-wide > div:first-child { padding: 21px 10px; justify-content: center; gap: 10px; }
  .transport-modes .container-wide > div:nth-child(2) { border-right: 0; }
  .transport-modes .container-wide > div:nth-child(-n+2) { border-bottom: 1px solid var(--borda); }
  .transport-modes span { font-size: 12px; }
  .transport-modes .icon { width: 23px; height: 23px; }
  .transport-intro, .transport-risk { padding-block: 61px; }
  .transport-intro .row, .transport-risk .row { --bs-gutter-x: 2rem; --bs-gutter-y: 1.8rem; }
  .transport-intro .section-title { font-size: 32px; }
  .transport-intro .text-link { gap: 20px; }
  .transport-body { font-size: 14px; line-height: 1.9; }
  .transport-profiles-heading { margin-bottom: 27px; }
  .transport-profiles-heading .section-title { font-size: 32px; }
  .transport-profile-card { padding: 28px 25px; border-bottom-right-radius: 33px; }
  .transport-profile-top { margin-bottom: 23px; }
  .transport-profile-top > span { letter-spacing: .5px; }
  .transport-profile-top .icon { width: 29px; height: 29px; }
  .transport-profile-card h3 { font-size: 26px; }
  .transport-profile-card .text-link { font-size: 12px; gap: 15px; }
  .transport-profile-card .transport-body { font-size: 14px; }
  .transport-risk .section-title { font-size: 31px; }
  .transport-risk-callout { padding: 28px 25px; border-top-right-radius: 33px; }
  .transport-risk-callout h3 { font-size: 23px; }
  .transport-questionnaire-shell { padding: 31px 25px; gap: 30px; border-bottom-right-radius: 39px; }
  .transport-questionnaire-copy .section-title { font-size: 31px; }
  .transport-questionnaire-copy .text-link { font-size: 12px; gap: 13px; }
  .transport-document-card { padding: 25px 21px; }
  .transport-document-card h3 { font-size: 24px; }
  .transport-document-download { gap: 12px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .transport-page .reveal { animation: none; }
  .transport-document-download:hover .icon { transform: none; }
}