/* Mercati: territorio, relazioni e presenza. Regole isolate dalla altre pagine. */
.markets-page { flex: 1; scroll-margin-top: 8rem; }
.markets-hero { display: flex; align-items: center; min-height: 460px; padding-block: 64px; color: #F4EFE6; background: linear-gradient(90deg,rgba(1,32,65,.45),rgba(1,32,65,.55) 40%,rgba(1,32,65,.55) 52%,rgba(1,32,65,.12) 72%,rgba(1,32,65,0)),var(--atlas-image) center / cover no-repeat; }
.markets-hero-copy { max-width: 560px; }
.markets-hero h1 { font-size: clamp(2rem,1.5rem + 1.5vw,2.625rem); margin-bottom: 24px; }
.markets-hero p + p { margin-top: 20px; }
.markets-lead { font-size: 1.25rem; line-height: 1.6; }
.markets-section { padding-block: clamp(48px,6vw,80px); }
.markets-split { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(40px,7vw,96px); }
.markets-label { font-weight: 600; font-size: 1rem; margin-bottom: 16px; }
.markets-spain .markets-label { display: flex; align-items: center; gap: 12px; }
.markets-spain .markets-label::before { content: ''; width: 32px; height: 1px; background: var(--color-gold); }
.markets-split h2 { max-width: 430px; }
.markets-prose { color: var(--color-text-secondary); }
.markets-prose p + p { margin-top: 18px; }
.markets-canaries { background: var(--color-navy); color: #F4EFE6; }
.markets-canaries .markets-label { color: var(--color-gold); }
.markets-canaries-heading { max-width: 680px; margin-bottom: 36px; }
.markets-canaries h2 { font-size: clamp(1.875rem,1.5rem + 1.5vw,2.5rem); }
.markets-canaries-copy { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(40px,7vw,96px); padding-top: 28px; border-top: 1px solid rgba(226,185,127,.4); }
.markets-canaries-copy > .markets-lead { max-width: 400px; }
.markets-canaries .markets-prose { color: #F4EFE6; }
.markets-relations-intro { max-width: 700px; }
.markets-relations-intro h2 { margin-bottom: 20px; }
.markets-relations-intro > p:last-child { color: var(--color-text-secondary); }
.markets-network { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 36px; margin-block: 32px; }
.markets-network li { border-top: 1px solid rgba(226,185,127,.7); padding-block: 18px; font-size: 1.125rem; font-weight: 500; }
.markets-relations-end { max-width: 700px; color: var(--color-text-secondary); }
.markets-growth { padding-bottom: clamp(48px,6vw,80px); text-align: center; }
.markets-growth > .container { max-width: 840px; }
.markets-growth h2 { padding-top: 40px; border-top: 1px solid rgba(1,32,65,.16); margin-bottom: 24px; }
.markets-growth p { color: var(--color-text-secondary); }
.markets-growth p + p { margin-top: 14px; }
.markets-closing { background: #F4EFE6; padding-block: 64px; text-align: center; }
.markets-closing p { max-width: 720px; margin: 20px auto 28px; }
/* Protezione locale del testo nella fascia desktop intermedia. */
@media (min-width: 769px) and (max-width: 1024px) {
 .markets-hero {
  background-image: linear-gradient(90deg, rgba(1,32,65,.45) 0%, rgba(1,32,65,.72) 40%, rgba(1,32,65,.72) 66%, rgba(1,32,65,.08) 82%, rgba(1,32,65,0) 100%), var(--atlas-image);
 }
}
@media (max-width: 48rem) {
 .markets-hero { min-height: 420px; padding-block: 48px; background-position: center; background-image: linear-gradient(90deg,rgba(1,32,65,.55),rgba(1,32,65,.72) 65%,rgba(1,32,65,.12)),var(--atlas-image); }
 .markets-split, .markets-canaries-copy { grid-template-columns: minmax(0,1fr); gap: 24px; }
 .markets-split h2, .markets-canaries-copy > .markets-lead { max-width: 600px; }
 .markets-canaries-heading { margin-bottom: 24px; }
 .markets-network { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
}
@media (max-width: 35rem) {
 .markets-hero { min-height: 380px; padding-bottom: 44px; background-color: var(--color-navy); background-image: linear-gradient(90deg,rgba(1,32,65,.88) 0%,rgba(1,32,65,.78) 55%,rgba(1,32,65,.64) 100%),var(--atlas-image); background-size: cover; background-position: 72% center; }
 .markets-lead { font-size: 1.125rem; }
 .markets-network { grid-template-columns: minmax(0,1fr); margin-block: 24px; }
 .markets-network li { padding-block: 14px; }
 .markets-closing { padding-block: 48px; }
}

/* Responsive image sources only: composition and overlays remain unchanged. */
.markets-hero { --atlas-image: url('../images/atlante_marittimo_in_tonalità_navy-1774.webp'); }
@media (max-width: 1200px) {
  .markets-hero { --atlas-image: url('../images/atlante_marittimo_in_tonalità_navy-1536.webp'); }
}
@media (max-width: 768px) {
  .markets-hero { --atlas-image: url('../images/atlante_marittimo_in_tonalità_navy-1120.webp'); }
}