:root {
	--forest: #12372a;
	--forest-dark: #08261d;
	--forest-soft: #245645;
	--coral: #ce1126;
	--coral-dark: #971021;
	--sun: #fcd116;
	--colombia-blue: #003893;
	--colombia-blue-dark: #00286c;
	--sky: #e8f0ff;
	--cream: #fffaf0;
	--sand: #f3ecdf;
	--ink: #17251f;
	--muted: #65736d;
	--line: #dbe3de;
	--surface: #ffffff;
	--radius: 20px;
	--shadow: 0 24px 65px rgba(9,54,40,.13);
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	color: var(--ink);
	background: var(--surface);
	font-family: "DM Sans", sans-serif;
	line-height: 1.65;
}

p {
	margin-top: .5em;
	margin-bottom: .5em;
}

h2,
h3 {
	margin-top: .5em;
	margin-bottom: .25em;
}

img {
	display: block;
	max-width: 100%;
}

a {
	color: inherit;
}

button,
input {
	font: inherit;
}

.container {
	width: min(1180px,calc(100% - 40px));
	margin: 0 auto;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

.skip-link {
	position: fixed;
	z-index: 100;
	top: 8px;
	left: 8px;
	transform: translateY(-150%);
	padding: 10px 14px;
	color: white;
	background: var(--forest-dark);
	border-radius: 8px;
}

.skip-link:focus {
	transform: translateY(0);
}

.priority-bar {
	color: white;
	background: var(--coral-dark);
}

.priority-bar-inner {
	min-height: 38px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	font-size: 13px;
}

.priority-bar-inner span {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.priority-bar-inner i {
	width: 8px;
	height: 8px;
	background: #ffb7aa;
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(255,255,255,.15);
}

.priority-bar-inner a {
	font-weight: 700;
	text-decoration: none;
}

.site-header {
	position: sticky;
	z-index: 30;
	top: 0;
	background: rgba(255,255,255,.95);
	border-bottom: 1px solid rgba(219,227,222,.9);
	backdrop-filter: blur(16px);
}

.header-inner {
	min-height: 78px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: "Fraunces", serif;
	font-size: 23px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: -.04em;
}

.brand img {
	width: 45px;
	height: 30px;
	object-fit: contain;
}

.brand span span {
	color: var(--colombia-blue);
}

.main-navigation {
	display: flex;
	align-items: center;
	gap: 23px;
	margin-left: auto;
}

.main-navigation > a {
	color: #35453e;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.main-navigation > a:hover,
.main-navigation > a:focus-visible {
	color: var(--colombia-blue);
}

.main-navigation > .priority-link {
	display: none;
	color: var(--coral-dark);
}

.site-search {
	display: flex;
	height: 40px;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 12px;
}

.site-search input {
	width: 116px;
	min-width: 0;
	padding: 0 11px;
	border: 0;
	outline: 0;
}

.site-search button {
	width: 40px;
	color: white;
	background: var(--colombia-blue);
	border: 0;
	cursor: pointer;
}

.language-switcher {
	display: flex;
	gap: 2px;
	padding: 4px;
	background: var(--sand);
	border: 1px solid var(--line);
	border-radius: 10px;
}

.language-switcher a {
	min-width: 30px;
	min-height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 7px;
	color: #34463e;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	border-radius: 7px;
}

.language-switcher a[aria-current="page"] {
	color: white;
	background: var(--colombia-blue);
}

.language-switcher a:hover,
.language-switcher a:focus-visible {
	color: white;
	background: var(--colombia-blue-dark);
}

.header-tools {
	display: flex;
	align-items: center;
	gap: 10px;
}

.nav-toggle {
	display: none;
	width: 42px;
	height: 42px;
	padding: 0;
	color: var(--forest);
	background: white;
	border: 1px solid var(--line);
	border-radius: 10px;
	cursor: pointer;
}

.nav-toggle-icon,
.nav-toggle-icon::before,
.nav-toggle-icon::after {
	display: block;
	width: 20px;
	height: 2px;
	content: "";
	background: currentColor;
	border-radius: 2px;
	transition: transform .18s ease,background-color .18s ease;
}

.nav-toggle-icon { position: relative; }
.nav-toggle-icon::before { position: absolute; top: -6px; left: 0; }
.nav-toggle-icon::after { position: absolute; top: 6px; left: 0; }
.nav-toggle[aria-expanded="true"] .nav-toggle-icon { background: transparent; }
.nav-toggle[aria-expanded="true"] .nav-toggle-icon::before { transform: translateY(6px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle-icon::after { transform: translateY(-6px) rotate(-45deg); }
.nav-toggle:focus-visible { outline: 3px solid var(--sun); outline-offset: 2px; }

.hero {
	position: relative;
	overflow: hidden;
	color: white;
	background: var(--forest-dark);
}

.hero-media {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(90deg,rgba(8,38,29,.98) 0%,rgba(8,38,29,.82) 48%,rgba(8,38,29,.35) 100%),url('/images/social-preview-2026.png');
	background-position: center;
	background-size: cover;
}

.hero-media::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .15;
	background-image: radial-gradient(circle at 15% 20%,white 0 1px,transparent 1px);
	background-size: 30px 30px;
}

.hero-grid {
	position: relative;
	min-height: 650px;
	display: grid;
	grid-template-columns: minmax(0,1.1fr) minmax(320px,.72fr);
	align-items: center;
	gap: 70px;
}

.eyebrow {
	margin: 0 0 14px;
	color: var(--forest-soft);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.hero .eyebrow {
	color: var(--sun);
}

.eyebrow-alert {
	color: var(--coral-dark);
}

.hero h1,
.hero-copy > h2 {
	max-width: 780px;
	margin: 0;
	font-family: "Fraunces", serif;
	font-size: clamp(46px,6.2vw,76px);
	line-height: 1.02;
	letter-spacing: -.045em;
}

.home-earthquake-priority {
	padding: 44px 0 54px;
	color: #fff;
	background:
		linear-gradient(105deg,rgba(0,56,147,.98),rgba(0,36,99,.97)),
		linear-gradient(180deg,var(--sun) 0 8px,transparent 8px);
	border-top: 8px solid var(--sun);
}

.home-earthquake-heading {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	align-items: end;
	gap: 32px;
	margin-bottom: 28px;
}

.home-earthquake-heading .eyebrow,
.home-earthquake-lead .eyebrow { color: var(--sun); }

.home-earthquake-heading h1 {
	max-width: 980px;
	margin: .15em 0;
	font-family: "Fraunces",serif;
	font-size: clamp(38px,5.2vw,66px);
	line-height: 1.02;
	letter-spacing: -.04em;
}

.home-earthquake-heading p:last-child {
	max-width: 850px;
	color: #dce8ff;
}

.home-earthquake-grid {
	display: grid;
	grid-template-columns: minmax(0,1.12fr) minmax(360px,.88fr);
	align-items: start;
	gap: 28px;
}

.home-earthquake-lead,
.home-earthquake-timeline {
	overflow: hidden;
	background: rgba(4,25,68,.76);
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 20px;
	box-shadow: 0 24px 70px rgba(0,18,55,.3);
}

.home-earthquake-image {
	display: block;
	background: #071734;
}

.home-earthquake-image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.home-earthquake-lead > div { padding: 25px; }

.home-earthquake-lead h2,
.home-earthquake-timeline > h2 {
	margin: .2em 0;
	font-family: "Fraunces",serif;
	line-height: 1.08;
}

.home-earthquake-lead h2 { font-size: clamp(28px,3.2vw,42px); }
.home-earthquake-lead h2 a { text-decoration: none; }
.home-earthquake-lead > div > p:not(.eyebrow) { color: #dce8ff; }

.home-earthquake-timeline {
	max-height: 720px;
	padding: 25px 22px;
	overflow-y: auto;
	background: #f6f8fc;
	color: var(--ink);
}

.home-earthquake-timeline > h2 { font-size: 30px; }
.home-earthquake-timeline > p { margin: .35em 0 1em; color: var(--muted); }
.home-earthquake-timeline .dossier-timeline { padding-left: 32px; }
.home-earthquake-timeline .dossier-timeline-item { padding: 15px 17px; }
.home-earthquake-timeline .dossier-timeline-item.is-single { padding: 0; }
.home-earthquake-timeline .dossier-timeline-single-link { padding: 15px 17px; }
.home-earthquake-timeline .dossier-timeline-item h3 { font-size: 19px; }
.home-earthquake-timeline .dossier-timeline-item p { margin: .35em 0 0; font-size: 13px; }
.home-earthquake-timeline .dossier-timeline-links { grid-template-columns: 1fr; }
.home-earthquake-timeline .dossier-timeline-links a { font-size: 12px; }

.hero-lead {
	max-width: 670px;
	margin: 25px 0 0;
	color: #d8e8df;
	font-size: 19px;
}

.hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 31px;
}

.button {
	min-height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: 12px;
}

.button-primary {
	color: white;
	background: var(--colombia-blue);
}

.button-alert {
	color: white;
	background: var(--coral);
}

.button-light {
	color: white;
	background: rgba(255,255,255,.08);
	border-color: rgba(255,255,255,.38);
}

.hero-update {
	padding: 28px;
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 22px;
	backdrop-filter: blur(18px);
	box-shadow: 0 28px 80px rgba(0,0,0,.28);
}

.update-status {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #ffb7aa;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .12em;
}

.update-status span {
	width: 9px;
	height: 9px;
	background: #ff7a65;
	border-radius: 50%;
	box-shadow: 0 0 0 6px rgba(233,83,63,.2);
}

.update-date {
	margin: 20px 0 7px;
	color: #b7cec3;
	font-size: 12px;
}

.hero-update h2 {
	margin: 0;
	font-family: "Fraunces", serif;
	font-size: 29px;
	line-height: 1.15;
	letter-spacing: -.025em;
}

.hero-update h2 a {
	text-decoration: none;
}

.hero-update > p:not(.update-date) {
	margin: .5em 0;
	color: #d3e3db;
	font-size: 14px;
}

.earthquake-dossier {
	padding: 34px 0;
	color: white;
	background: linear-gradient(110deg,var(--coral-dark),var(--coral));
}

.earthquake-dossier-inner {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	align-items: center;
	gap: 36px;
}

.earthquake-dossier .eyebrow {
	color: var(--sun);
}

.earthquake-dossier h2 {
	margin: .25em 0;
	font-family: "Fraunces", serif;
	font-size: clamp(28px,4vw,42px);
	line-height: 1.08;
}

.earthquake-dossier p:last-child {
	max-width: 780px;
	color: #ffe9e9;
}

.earthquake-dossier-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.section {
	padding: 92px 0;
}

.section-tinted {
	background: var(--cream);
}

.site-ad {
	width: min(calc(100% - 32px),1180px);
	min-height: 90px;
	margin: 26px auto;
	overflow: hidden;
}

.article-grid > .site-ad {
	grid-column: 1 / -1;
	width: 100%;
	margin: 8px 0;
}

.article-content > .site-ad,
.dossier-article-body > .site-ad {
	width: 100%;
	margin: 24px 0;
}

.priority-section {
	background: linear-gradient(180deg,#fff 0%,#fff8f4 100%);
}

.section-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 36px;
}

.section-heading > div > p:last-child {
	max-width: 720px;
	margin-bottom: 0;
	color: var(--muted);
}

.section h2,
.page-intro h1,
.error-page h1 {
	margin: 0;
	font-family: "Fraunces", serif;
	font-size: clamp(36px,5vw,55px);
	line-height: 1.08;
	letter-spacing: -.04em;
}

.text-link,
.card-link {
	color: var(--colombia-blue);
	font-weight: 700;
	text-decoration: none;
}

.text-link-light {
	color: var(--sun);
}

.article-grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 24px;
}

.article-card {
	overflow: hidden;
	background: white;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	transition: transform .2s ease,box-shadow .2s ease;
}

.article-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow);
}

.article-card-alert {
	border-top: 4px solid var(--coral);
}

.article-card-alert .article-meta span,
.article-card-alert .card-link {
	color: var(--coral-dark);
}

.article-card-image {
	display: block;
	aspect-ratio: 16/9;
	overflow: hidden;
	background: var(--sand);
}

.article-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.article-card:hover img {
	transform: scale(1.035);
}

.article-card-signal {
	position: relative;
	height: 118px;
	overflow: hidden;
	background: var(--forest-dark);
}

.article-card-signal::before,
.article-card-signal::after,
.article-card-signal span,
.article-card-signal i,
.article-card-signal b {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,.1);
}

.article-card-signal::before {
	top: 33%;
}

.article-card-signal::after {
	top: 66%;
}

.article-card-signal span,
.article-card-signal i,
.article-card-signal b {
	top: 58px;
	height: 3px;
	background: var(--coral);
	transform-origin: left;
}

.article-card-signal span {
	clip-path: polygon(0 48%,8% 48%,12% 20%,16% 80%,20% 48%,33% 48%,38% 5%,43% 95%,48% 48%,100% 48%);
}

.article-card-signal i {
	top: 33px;
	opacity: .3;
}

.article-card-signal b {
	top: 84px;
	opacity: .18;
}

.article-card-body {
	padding: 22px;
}

.article-meta {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 12px;
	color: var(--muted);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.article-meta span {
	color: var(--colombia-blue);
	font-weight: 700;
}

.article-card h3 {
	margin: 0;
	font-family: "Fraunces", serif;
	font-size: 24px;
	line-height: 1.17;
	letter-spacing: -.025em;
}

.article-card h3 a {
	text-decoration: none;
}

.article-card-body > p:not(.article-meta) {
	margin: .5em 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.55;
}

.card-link {
	display: inline-block;
	margin-top: 3px;
	font-size: 13px;
}

.coming-soon-card {
	display: grid;
	grid-template-columns: 1fr 1.2fr auto;
	align-items: center;
	gap: 36px;
	padding: 38px;
	background: white;
	border: 1px solid var(--line);
	border-radius: var(--radius);
}

.coming-soon-card > div {
	display: flex;
	align-items: center;
	gap: 18px;
}

.coming-soon-card span {
	padding: 10px 13px;
	color: white;
	background: var(--colombia-blue);
	border-radius: 12px;
	font-weight: 700;
}

.section-photo {
	position: relative;
	color: white;
	background: var(--forest-dark);
}

.section-photo::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .13;
	background-image: url('/medias/santa-marta/santa-marta-montagnes.jpg');
	background-size: cover;
	background-position: center;
}

.section-photo .container {
	position: relative;
}

.section-heading-light > div > p:last-child {
	color: #cfe0d7;
}

.newsletter-section {
	background: var(--sky);
}

.newsletter-callout {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
	padding: 52px;
	background: white;
	border-radius: 28px;
	box-shadow: var(--shadow);
}

.newsletter-callout > div {
	max-width: 760px;
}

.newsletter-callout p:last-child {
	color: var(--muted);
}

.page-intro {
	padding: 82px 0 54px;
	background: var(--cream);
}

.page-intro p:last-child {
	max-width: 760px;
	color: var(--muted);
	font-size: 18px;
}

.page-intro-about {
	color: white;
	background: var(--forest);
}

.page-intro-about .eyebrow {
	color: var(--sun);
}

.page-intro-about p:last-child {
	color: #d5e5dd;
}

.archive-list {
	padding: 54px 0 100px;
}

.empty-state {
	padding: 42px;
	color: var(--muted);
	background: var(--cream);
	border-radius: var(--radius);
}

.article-header {
	padding: 72px 0 58px;
	background: var(--cream);
}

.article-header-alert {
	background: linear-gradient(135deg,#fff5f1,#fffaf0);
	border-bottom: 4px solid var(--coral);
}

.article-header-inner {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(300px,.58fr);
	align-items: center;
	gap: 60px;
}

.article-header-inner > div:only-child {
	grid-column: 1/-1;
	max-width: 920px;
}

.article-header h1 {
	margin: 0;
	font-family: "Fraunces", serif;
	font-size: clamp(43px,6vw,72px);
	line-height: 1.03;
	letter-spacing: -.05em;
}

.article-header img {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	object-fit: cover;
	border-radius: 22px;
	box-shadow: var(--shadow);
}

.article-deck {
	max-width: 800px;
	margin: 22px 0 0;
	color: var(--muted);
	font-size: 19px;
}

.article-date {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 22px;
	color: var(--muted);
	font-size: 13px;
}

.article-layout {
	display: grid;
	grid-template-columns: minmax(0,760px) minmax(260px,1fr);
	gap: 60px;
	padding-top: 60px;
	padding-bottom: 100px;
}

.article-hero-media {
	margin: 0;
}

.article-hero-media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.article-hero-media figcaption {
	margin-top: 6px;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.35;
}

.article-hero-media figcaption a {
	color: inherit;
}

.article-content {
	font-size: 18px;
}

.event-facts {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 1px;
	margin: 0 0 28px;
	overflow: hidden;
	background: var(--colombia-blue);
	border: 1px solid var(--colombia-blue);
	border-radius: 12px;
}

.event-facts > div {
	padding: 18px 20px;
	background: var(--sky);
}

.event-facts dt {
	margin-bottom: 4px;
	color: var(--colombia-blue-dark);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.event-facts dd {
	margin: 0;
	font-weight: 700;
}

.article-content h2,
.article-content h3 {
	margin: .4em 0 .2em;
	font-family: "Fraunces", serif;
	line-height: 1.18;
}

.article-content p {
	margin: .5em 0;
}

.article-content h2 {
	font-size: 34px;
}

.article-content h3 {
	font-size: 25px;
}

.article-content img {
	height: auto;
	margin: 15px auto;
	border-radius: 16px;
}

.article-content figure {
	margin: 15px 0;
}

.article-content video {
	display: block;
	width: 100%;
	max-height: 720px;
	background: #111;
	border-radius: 16px;
}

.article-content figcaption {
	margin-top: 6px;
	color: var(--muted);
	font-size: 13px;
}

.article-content a {
	color: var(--colombia-blue);
}

.article-content li {
	margin-bottom: 4px;
}

.evolving-notice {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
	padding: 20px;
	color: #70291f;
	background: #fff0eb;
	border-left: 4px solid var(--coral);
	border-radius: 10px;
}

.evolving-notice span {
	flex: 0 0 auto;
	width: 10px;
	height: 10px;
	margin-top: 8px;
	background: var(--coral);
	border-radius: 50%;
}

.evolving-notice p {
	margin: 0;
}

.source-panel {
	margin-top: 25px;
	padding: 28px;
	background: var(--cream);
	border-radius: 16px;
}

.source-panel h2 {
	margin-top: 0;
	font-size: 26px;
}

.source-panel li {
	margin-bottom: 10px;
}

.article-sidebar {
	position: sticky;
	top: 138px;
	align-self: start;
}

.sidebar-card {
	padding: 28px;
	background: var(--sky);
	border-radius: 18px;
}

.sidebar-card h2 {
	margin: 0;
	font-family: "Fraunces", serif;
	font-size: 28px;
	line-height: 1.12;
}

.sidebar-card p:not(.eyebrow) {
	color: #36574d;
	font-size: 14px;
}

.prose-narrow {
	max-width: 760px;
}

.newsletter-roadmap {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 22px;
}

.newsletter-roadmap > div {
	padding: 30px;
	background: var(--cream);
	border-radius: var(--radius);
}

.newsletter-roadmap span {
	color: var(--coral);
	font-weight: 700;
}

.newsletter-roadmap h2 {
	margin-top: 25px;
	font-size: 28px;
}

.error-page {
	min-height: 62vh;
	padding: 120px 0;
	background: var(--cream);
}

.error-page p:not(.eyebrow) {
	color: var(--muted);
}

.site-footer {
	padding: 64px 0 24px;
	color: #c2d5cc;
	background: var(--forest-dark);
}

.footer-grid {
	display: grid;
	grid-template-columns: 1fr auto minmax(250px,.65fr);
	gap: 60px;
}

.brand-footer {
	color: white;
}

.footer-grid p {
	max-width: 460px;
}

.footer-links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 9px;
}

.footer-links a {
	color: #c2d5cc;
	text-decoration: none;
}

.footer-commitment strong {
	color: var(--sun);
}

.footer-bottom {
	margin-top: 45px;
	padding-top: 20px;
	font-size: 13px;
	border-top: 1px solid rgba(255,255,255,.12);
}

@media (max-width: 1080px) {
	.nav-toggle {
		display: grid;
		place-items: center;
	}

	.main-navigation {
		position: absolute;
		top: 116px;
		right: 20px;
		left: 20px;
		display: none;
		flex-direction: column;
		align-items: stretch;
		padding: 22px;
		background: white;
		border: 1px solid var(--line);
		border-radius: 16px;
		box-shadow: var(--shadow);
	}

	.main-navigation.is-open {
		display: flex;
	}

	.main-navigation > .priority-link {
		display: block;
	}

	.site-search input {
		width: 100%;
	}

	.hero-grid {
		grid-template-columns: 1fr;
		gap: 38px;
		padding: 84px 0;
	}

	.hero-update {
		max-width: 720px;
	}

	.article-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.article-header-inner,
	.article-layout {
		grid-template-columns: 1fr;
	}

	.article-header img {
		max-width: 720px;
	}

	.article-sidebar {
		position: static;
	}

	.footer-grid {
		grid-template-columns: 1fr 1fr;
	}

	.footer-commitment {
		grid-column: 1/-1;
	}
}

@media (max-width: 680px) {
	.container {
		width: min(100% - 28px,1180px);
	}

	.priority-bar-inner {
		min-height: 46px;
	}

	.priority-bar-inner > span {
		display: none;
	}

	.priority-bar-inner a {
		width: 100%;
		text-align: center;
	}

	.header-inner {
		min-height: 68px;
		gap: 8px;
	}

	.main-navigation {
		top: 106px;
	}

	.brand {
		gap: 6px;
		font-size: 18px;
	}

	.brand img {
		width: 32px;
		height: 26px;
	}

	.header-tools { gap: 6px; }
	.language-switcher { padding: 3px; }
	.language-switcher a { min-width: 31px; min-height: 34px; padding: 0 5px; font-size: 12px; }

	.hero-media {
		background-image: linear-gradient(rgba(8,38,29,.9),rgba(8,38,29,.96)),url('/images/social-preview-2026.png');
	}

	.hero-grid {
		padding: 66px 0;
	}

	.hero h1,
	.hero-copy > h2 {
		font-size: 47px;
	}

	.home-earthquake-heading,
	.home-earthquake-grid {
		grid-template-columns: 1fr;
	}

	.home-earthquake-heading { align-items: start; }
	.home-earthquake-timeline { max-height: none; }

	.hero-lead {
		font-size: 17px;
	}

	.hero-update {
		padding: 22px;
	}

	.earthquake-dossier-inner {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.section {
		padding: 65px 0;
	}

	.section-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.article-grid,
	.newsletter-roadmap {
		grid-template-columns: 1fr;
	}

	.coming-soon-card,
	.newsletter-callout {
		grid-template-columns: 1fr;
		align-items: flex-start;
		flex-direction: column;
		padding: 28px;
	}

	.page-intro {
		padding: 62px 0 38px;
	}

	.article-header {
		padding: 55px 0 42px;
	}

	.article-header h1 {
		font-size: 44px;
	}

	.article-layout {
		gap: 35px;
		padding-top: 38px;
		padding-bottom: 70px;
	}

	.article-content {
		font-size: 17px;
	}

	.event-facts {
		grid-template-columns: 1fr;
	}

	.footer-grid {
		grid-template-columns: 1fr;
	}

	.footer-commitment {
		grid-column: auto;
	}
}

@media (max-width: 380px) {
	.header-inner,
	.header-tools { gap: 5px; }

	.brand {
		gap: 5px;
		font-size: 17px;
	}

	.brand img {
		width: 28px;
		height: 24px;
	}

	.brand > span > span { display: none; }
	.language-switcher a { min-width: 30px; }
}

@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}

/* Dossier séisme 2026 : extension du système visuel principal. */
.earthquake-page { background: var(--surface); }

.dossier-hero,
.dossier-article-hero {
	position: relative;
	overflow: hidden;
	color: #fff;
	background: linear-gradient(135deg,#071f43,var(--colombia-blue-dark) 55%,#0b4f77);
}

.dossier-hero::after,
.dossier-article-hero::after {
	position: absolute;
	inset: 0;
	content: "";
	opacity: .18;
	background: radial-gradient(circle at 85% 20%,var(--sun) 0 2px,transparent 3px);
	background-size: 28px 28px;
}

.dossier-hero { padding: 76px 0; }

.dossier-hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr);
	align-items: end;
	gap: 56px;
}

.dossier-hero h1,
.dossier-article-hero h1 {
	max-width: 900px;
	margin: .15em 0;
	font-family: "Fraunces",serif;
	font-size: clamp(42px,6vw,76px);
	line-height: 1;
	letter-spacing: -.04em;
}

.dossier-lead { max-width: 760px; color: #e8f1ff; font-size: 20px; }

.dossier-status {
	padding: 24px;
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 16px;
}

.dossier-status span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 8px;
	background: var(--coral);
	border-radius: 50%;
	box-shadow: 0 0 0 6px rgba(206,17,38,.18);
}

.dossier-status p { margin: .5em 0 0; color: #e8f1ff; }

.dossier-lead-story {
	display: grid;
	grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr);
	overflow: hidden;
	color: #fff;
	background: var(--colombia-blue-dark);
	border-radius: 20px;
	box-shadow: var(--shadow);
}

.dossier-lead-story figure,
.dossier-media-grid figure,
.dossier-article-image { margin: 0; }

.dossier-lead-story figure { position: relative; min-height: 420px; }
.dossier-lead-story figure img { width: 100%; height: 100%; object-fit: cover; }

.dossier-lead-story figure figcaption {
	position: absolute;
	right: 10px;
	bottom: 8px;
	padding: 5px 8px;
	color: #fff;
	background: rgba(0,0,0,.68);
	border-radius: 6px;
	font-size: 11px;
}

.dossier-lead-story > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: clamp(30px,5vw,64px);
}

.dossier-lead-story h3 {
	margin: .2em 0;
	font-family: "Fraunces",serif;
	font-size: clamp(32px,4vw,52px);
	line-height: 1.05;
}

.dossier-lead-story h3 a { text-decoration: none; }
.dossier-lead-story > div > p:not(.eyebrow) { color: #e8f1ff; }

.dossier-timeline {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding-left: 38px;
}

.dossier-timeline::before {
	position: absolute;
	top: 6px;
	bottom: 6px;
	left: 10px;
	width: 3px;
	content: "";
	background: linear-gradient(var(--coral),var(--sun),var(--colombia-blue));
}

.dossier-timeline-item {
	position: relative;
	margin-bottom: 14px;
	padding: 20px 22px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.dossier-timeline-item::before {
	position: absolute;
	top: 25px;
	left: -35px;
	width: 13px;
	height: 13px;
	content: "";
	background: var(--coral);
	border: 3px solid var(--cream);
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--coral);
	transition: transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}

.dossier-timeline-item.is-latest { border: 2px solid var(--coral); box-shadow: 0 12px 30px rgba(206,17,38,.1); }
.dossier-timeline-item:hover,
.dossier-timeline-item:focus-within {
	transform: translateY(-3px);
	border-color: var(--colombia-blue);
	box-shadow: 0 16px 34px rgba(0,56,147,.13);
}

.dossier-timeline-item:hover::before,
.dossier-timeline-item:focus-within::before {
	transform: scale(1.45);
	background: var(--sun);
	box-shadow: 0 0 0 3px var(--coral),0 0 0 8px rgba(206,17,38,.14);
}

.dossier-timeline-item time { color: var(--coral); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.dossier-timeline-item h3 { margin: .2em 0; font-family: "Fraunces",serif; font-size: 23px; }
.dossier-timeline-item h3 a { text-decoration: none; }
.dossier-timeline-item p { color: var(--muted); }

.dossier-timeline-item.is-single { padding: 0; }

.dossier-timeline-single-link {
	display: block;
	padding: 20px 22px;
	color: inherit;
	text-decoration: none;
	border-radius: inherit;
}

.dossier-timeline-single-link:focus-visible {
	outline: 3px solid var(--colombia-blue);
	outline-offset: 3px;
}

.dossier-timeline-links {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 8px;
	margin-top: 14px;
}

.dossier-timeline-links strong {
	grid-column: 1 / -1;
	color: var(--colombia-blue-dark);
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dossier-timeline-links a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 9px 11px;
	color: var(--colombia-blue-dark);
	background: #edf3ff;
	border: 1px solid #c8d8f5;
	border-radius: 9px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
	transition: color .18s ease,background-color .18s ease,border-color .18s ease;
}

.dossier-timeline-links a:hover,
.dossier-timeline-links a:focus-visible {
	color: #fff;
	background: var(--colombia-blue);
	border-color: var(--colombia-blue);
}

.dossier-media-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 20px; }
.dossier-media-grid figure { align-self: start; overflow: hidden; background: var(--colombia-blue-dark); border-radius: 16px; }

.dossier-media-frame {
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #080b10;
}

.dossier-media-grid img,
.dossier-media-grid video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #080b10;
}

.dossier-media-grid figure:last-child img { object-fit: cover; }
.dossier-media-grid figcaption { padding: 12px 15px; color: #e8f1ff; font-size: 13px; }
.dossier-youtube-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 20px; }
.dossier-youtube-links a { display: grid; align-content: start; gap: 6px; min-height: 150px; padding: 18px; color: #fff; background: linear-gradient(145deg,var(--colombia-blue-dark),#173b70); border-radius: 14px; text-decoration: none; box-shadow: 0 10px 24px rgba(15,42,82,.12); transition: transform .18s ease,box-shadow .18s ease; }
.dossier-youtube-links a:hover,.dossier-youtube-links a:focus-visible { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(15,42,82,.2); }
.dossier-youtube-links span { color: var(--sun); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dossier-youtube-links strong { font-family: "Fraunces",serif; font-size: 18px; line-height: 1.25; }
.dossier-youtube-links small { margin-top: auto; color: #dbe8ff; font-weight: 700; }
.dossier-youtube-section { margin-top: 28px; }
.dossier-article-media { grid-template-columns: repeat(2,minmax(0,1fr)); margin: 18px 0; }
.dossier-map-layout { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(260px,.7fr); gap: 20px; }

.dossier-map {
	width: 100%;
	height: 560px;
	overflow: hidden;
	background: #e9eef5;
	border: 1px solid var(--line);
	border-radius: 18px;
	box-shadow: var(--shadow);
}

.dossier-city-list { display: flex; align-items: center; padding: 30px; color: #fff; background: var(--colombia-blue-dark); border-radius: 18px; }
.dossier-city-list a { color: inherit; font-family: "Fraunces",serif; font-size: 28px; line-height: 1.35; }
.dossier-article-hero { padding: 56px 0; }
.dossier-article-hero > .container { position: relative; z-index: 1; }
.dossier-article-hero h1 { font-size: clamp(40px,5vw,66px); }
.dossier-article-hero .article-date { color: #e8f1ff; }
.dossier-back-link { display: inline-flex; margin-bottom: 16px; color: var(--sun); font-weight: 700; text-decoration: none; }

.dossier-article-layout {
	display: grid;
	grid-template-columns: minmax(0,760px) minmax(240px,1fr);
	gap: 56px;
	padding-top: 46px;
	padding-bottom: 76px;
}

.dossier-article-image img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 16px; }
.dossier-article-image figcaption { margin-top: 6px; color: var(--muted); font-size: 12px; }
.dossier-photo-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-bottom: 26px; }
.dossier-photo-gallery figure { margin: 0; overflow: hidden; background: var(--colombia-blue-dark); border-radius: 16px; }
.dossier-photo-gallery img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #080b10; }
.dossier-photo-gallery figcaption { display: grid; gap: 6px; padding: 12px 15px; color: #e8f1ff; font-size: 13px; }
.dossier-photo-gallery figcaption small { color: #c9d8ec; font-size: 11px; }
.dossier-article-body { font-size: 18px; }
.dossier-article-lead { font-family: "Fraunces",serif; font-size: 24px; line-height: 1.5; }
.dossier-article-body h2 { margin: .6em 0 .25em; font-family: "Fraunces",serif; font-size: 34px; line-height: 1.15; }
.dossier-article-body p { margin: .5em 0; }
.dossier-update-history { margin: 26px 0; padding: 22px; background: #edf3ff; border: 1px solid #c8d8f5; border-radius: 14px; }
.dossier-update-history > h2 { margin-top: 0; font-size: 28px; }
.dossier-update-history article + article { margin-top: 18px; padding-top: 18px; border-top: 1px solid #c8d8f5; }
.dossier-update-history h3 { margin: 0 0 6px; color: var(--colombia-blue-dark); font-size: 16px; }
.dossier-update-history ul { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 10px 0 0; padding-left: 20px; font-size: 14px; }
.dossier-featured-video { margin-top: 32px; }
.dossier-featured-video-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #080b10; border-radius: 16px; }
.dossier-featured-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.dossier-featured-video h3 { margin: 14px 0 6px; font-family: "Fraunces",serif; font-size: 23px; line-height: 1.25; }
.dossier-featured-video-meta { color: var(--muted); font-size: 14px; }
.dossier-article-note { margin: 18px 0; padding: 20px; background: var(--cream); border-left: 5px solid var(--sun); border-radius: 0 12px 12px 0; }
.dossier-related > div { position: sticky; top: 110px; display: grid; gap: 10px; padding: 22px; background: var(--sand); border-radius: 14px; }
.dossier-related h2 { margin: 0 0 4px; font-family: "Fraunces",serif; font-size: 22px; }
.dossier-related a { color: var(--colombia-blue); font-size: 14px; font-weight: 700; }
.dossier-article-card .article-card-image img { aspect-ratio: 16 / 9; }

.newsletter-intro-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr); align-items: center; gap: 52px; }
.newsletter-priority-card { position: relative; padding: 28px; color: #fff; background: linear-gradient(145deg,var(--colombia-blue-dark),var(--colombia-blue)); border-radius: 18px; box-shadow: var(--shadow); }
.newsletter-priority-card > p:first-of-type { margin: 0 0 8px; color: var(--sun); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.newsletter-priority-card h2 { margin: 0 0 8px; color: #fff; font-family: "Fraunces",serif; font-size: 28px; line-height: 1.18; }
.newsletter-priority-card p:last-child { margin-bottom: 0; color: #edf3ff; }
.newsletter-live-dot { position: absolute; top: 24px; right: 24px; width: 14px; height: 14px; background: var(--coral); border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 5px rgba(252,209,22,.28); }
.newsletter-subscription-section { background: var(--cream); }
.newsletter-subscription-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(360px,1.15fr); gap: 64px; align-items: start; }
.newsletter-subscription-layout h2 { margin: .2em 0 .35em; font-family: "Fraunces",serif; font-size: clamp(32px,4vw,48px); line-height: 1.12; }
.newsletter-benefits { display: grid; gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; }
.newsletter-benefits li { position: relative; padding-left: 28px; }
.newsletter-benefits li::before { position: absolute; left: 0; content: "✓"; color: var(--colombia-blue); font-weight: 900; }
.newsletter-form { position: relative; display: grid; gap: 16px; padding: 30px; background: #fff; border: 1px solid var(--line); border-top: 6px solid var(--sun); border-radius: 18px; box-shadow: var(--shadow); }
.newsletter-field { color: var(--ink); font-weight: 800; }
.newsletter-form input[type="email"] { width: 100%; min-height: 52px; padding: 12px 14px; color: var(--ink); background: #fff; border: 1px solid #aab8b2; border-radius: 9px; font: inherit; }
.newsletter-form input[type="email"]:focus { outline: 3px solid rgba(0,56,147,.18); border-color: var(--colombia-blue); }
.newsletter-check { display: grid; grid-template-columns: 22px 1fr; gap: 11px; align-items: start; color: var(--muted); font-size: 14px; line-height: 1.45; }
.newsletter-check input { width: 19px; height: 19px; margin-top: 1px; accent-color: var(--colombia-blue); }
.newsletter-form .button { justify-self: start; min-height: 48px; border: 0; cursor: pointer; }
.newsletter-form-help { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.4; }
.newsletter-confirmed { padding: 18px 20px; color: #0a5438; background: #e5f7ef; border: 1px solid #9dd8bd; border-radius: 12px; font-weight: 700; }
.newsletter-message { padding: 13px 15px; border-radius: 9px; font-weight: 700; }
.newsletter-message-success { color: #0a5438; background: #e5f7ef; border: 1px solid #9dd8bd; }
.newsletter-message-error { color: #8c1420; background: #fff0f1; border: 1px solid #efb5ba; }
.newsletter-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.newsletter-global { padding: 34px 0; background: #edf3ff; border-top: 5px solid var(--colombia-blue); }
.newsletter-global-layout { display: grid; grid-template-columns: minmax(260px,.75fr) minmax(420px,1.25fr); gap: 46px; align-items: center; }
.newsletter-global h2 { margin: .15em 0 .25em; font-family: "Fraunces",serif; font-size: clamp(28px,3vw,40px); line-height: 1.12; }
.newsletter-global p:last-child { margin-bottom: 0; }
.newsletter-form-compact { grid-template-columns: minmax(190px,1fr) auto; gap: 10px 12px; padding: 22px; }
.newsletter-form-compact .newsletter-field { grid-column: 1 / -1; }
.newsletter-form-compact .newsletter-check,
.newsletter-form-compact .newsletter-form-help { grid-column: 1 / -1; }
.newsletter-form-compact .button { align-self: stretch; }

@media (max-width: 900px) {
	.dossier-hero-grid,
	.dossier-lead-story,
	.dossier-map-layout,
	.dossier-article-layout { grid-template-columns: 1fr; }
	.newsletter-intro-grid,
	.newsletter-subscription-layout,
	.newsletter-global-layout { grid-template-columns: 1fr; }
	.dossier-media-grid { grid-template-columns: 1fr 1fr; }
	.dossier-youtube-links { grid-template-columns: 1fr 1fr; }
	.dossier-lead-story figure { min-height: 320px; }
	.dossier-related > div { position: static; }
}

@media (max-width: 620px) {
	.dossier-hero { padding: 48px 0; }
	.dossier-hero-grid { gap: 28px; }
	.dossier-media-grid { grid-template-columns: 1fr; }
	.dossier-photo-gallery { grid-template-columns: 1fr; }
	.dossier-youtube-links { grid-template-columns: 1fr; }
	.dossier-timeline-links { grid-template-columns: 1fr; }
	.dossier-lead-story figure { min-height: 230px; }
	.dossier-lead-story > div { padding: 24px; }
	.dossier-map { height: 440px; }
	.dossier-article-layout { padding-top: 28px; }
	.dossier-article-body,
	.dossier-article-lead { font-size: 17px; }
	.dossier-article-body h2 { font-size: 28px; }
	.newsletter-form { padding: 22px; }
	.newsletter-form-compact { grid-template-columns: 1fr; }
	.newsletter-form-compact .button { width: 100%; justify-content: center; }
}

.newsletter-modal[hidden] { display: none; }
.newsletter-modal { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 24px; }
.newsletter-modal-backdrop { position: absolute; inset: 0; background: rgba(8,24,20,.72); backdrop-filter: blur(5px); }
.newsletter-modal-panel { position: relative; width: min(680px,100%); max-height: calc(100vh - 48px); overflow-y: auto; padding: 34px; background: var(--cream); border-top: 8px solid var(--sun); border-radius: 20px; box-shadow: 0 26px 80px rgba(0,0,0,.32); }
.newsletter-modal-panel::before { position: absolute; top: 0; right: 0; width: 34%; height: 8px; content: ""; background: linear-gradient(90deg,var(--colombia-blue) 0 66%,var(--coral) 66%); }
.newsletter-modal-copy { padding-right: 42px; }
.newsletter-modal-copy h2 { margin: .15em 0 .3em; font-family: "Fraunces",serif; font-size: clamp(30px,5vw,44px); line-height: 1.08; }
.newsletter-modal-copy > p:last-child { margin: 0 0 20px; color: var(--muted); }
.newsletter-modal-close { position: absolute; z-index: 1; top: 20px; right: 20px; display: grid; width: 42px; height: 42px; padding: 0; place-items: center; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 50%; cursor: pointer; font-size: 27px; line-height: 1; }
.newsletter-modal-close:hover,.newsletter-modal-close:focus-visible { color: #fff; background: var(--coral); border-color: var(--coral); }
.newsletter-modal .newsletter-form { box-shadow: none; }
.newsletter-modal-open { overflow: hidden; }

@media (max-width: 640px) {
	.newsletter-modal { padding: 12px; place-items: end center; }
	.newsletter-modal-panel { max-height: calc(100vh - 24px); padding: 26px 18px 18px; border-radius: 18px; }
	.newsletter-modal-copy { padding-right: 34px; }
	.newsletter-modal-copy h2 { font-size: 30px; }
	.newsletter-modal-close { top: 14px; right: 14px; width: 38px; height: 38px; }
}