/* Approved Carregamento composition; styles stay inside the Cargo scene. */
.v2 main > .panel--cargo { padding-bottom: 32px; --gold: var(--ts-gold); --muted: #a2b6c2; }
.v2[data-scene="4"] .v2-shade { background: linear-gradient(180deg, rgba(15,21,26,.3), transparent 15%); }
.v2 .panel.panel--cargo .scrim { background: linear-gradient(0deg, #081017 0%, #0b141aef 24%, #0b141a85 40%, transparent 64%); }
.panel--cargo .cargo-loading { position: relative; z-index: 1; max-width: 1800px; display: grid; grid-template-columns: 1fr 2.5fr; gap: 40px; align-items: center; }
.panel--cargo .eyebrow { color: var(--gold); font-size: 10px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; margin: 0 0 11px; }
.panel--cargo .loading-heading h2 { font-family: var(--font-display); font-size: clamp(28px,2.55vw,41px); font-weight: 650; line-height: 1.04; letter-spacing: -.045em; margin: 0; }
.panel--cargo .loading-heading h2 em { font-style: normal; color: var(--gold); }
.panel--cargo .loading-heading > p:not(.eyebrow) { font-size: 13px; line-height: 1.6; color: #adbec7; margin: 15px 0 8px; }
.panel--cargo .cargo-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; border-bottom: 1px solid #bfa36977; padding: 12px 0; color: #d5bb82; font-size: 12px; white-space: nowrap; }
.panel--cargo .cargo-cta span { font-size: 21px; line-height: 1; transition: transform .2s; }
.panel--cargo .cargo-cta:hover span { transform: translate(2px,-2px); }
.panel--cargo .loading-scenes { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; position: relative; padding-bottom: 26px; min-width: 0; }
.panel--cargo .load-column { position: relative; padding-top: 12px; border-top: 1px solid #bfa36970; min-width: 0; }
.panel--cargo .load-tag { display: flex; align-items: center; gap: 12px; }
.panel--cargo .load-tag > span { font-size: 10px; color: var(--gold); }
.panel--cargo .load-tag h3 { font-family: var(--font-display); font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: -.025em; margin: 0; }
.panel--cargo .loading-bay { display: block; width: 100%; height: clamp(175px,15vw,235px); overflow: visible; margin-top: 4px; }
.panel--cargo .load-column > strong { display: block; font-size: clamp(26px,2.8vw,42px); font-weight: 500; line-height: 1; color: #d9c396; letter-spacing: -.055em; }
.panel--cargo .load-column > strong small { font-size: 14px; margin-left: 7px; }
.panel--cargo .load-unit { font-size: 9px; color: #a3b4bd; display: block; margin-top: 8px; }
.panel--cargo .load-note { position: absolute; bottom: 0; left: 0; font-size: 9px; color: #8c9fa9; margin: 0; line-height: 1.4; }
.panel--cargo .load-motion { animation: cargo-load-arrow 2.2s ease infinite; }
.panel--cargo .flight-case { animation: cargo-case-settle .6s ease both; animation-delay: calc(var(--case-order)*35ms); }
@keyframes cargo-load-arrow { 0%,100% { opacity: .25; transform: translateY(3px); } 50% { opacity: 1; transform: translateY(-3px); } }
@keyframes cargo-case-settle { from { opacity: .45; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1400px) {
  .panel--cargo .cargo-loading { gap: 30px; grid-template-columns: 1fr 2.6fr; }
  .panel--cargo .loading-scenes { gap: 12px; }
  .panel--cargo .load-unit { font-size: 8px; }
}
@media (max-width: 1023px) {
  .panel--cargo .cargo-loading { grid-template-columns: 1fr; gap: 30px; }
  .panel--cargo .loading-bay { height: clamp(145px,20vw,200px); }
}
@media (max-width: 600px) {
  .panel--cargo .loading-scenes { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 18px; padding-bottom: 0; }
  .panel--cargo .loading-bay { height: 175px; }
  .panel--cargo .load-note { position: static; grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  .panel--cargo .flight-case, .panel--cargo .load-motion { animation: none; }
  .panel--cargo .cargo-cta span { transition: none; }
}