/* ==========================================================
   ANTIAGING2050 · ÁREA EDITORIAL DE INFORMES
   Archivo: assets/css/antiaging2050.css
   ========================================================== */


.a2050-archive-hero {
	margin-top: 2rem;
	margin-bottom: 2.5rem;
	padding: clamp(2rem, 5vw, 4rem);
	border-radius: 32px;
	background:
		radial-gradient(circle at 12% 15%, rgba(159, 211, 181, 0.32), transparent 34%),
		radial-gradient(circle at 88% 8%, rgba(218, 194, 123, 0.22), transparent 30%),
		linear-gradient(135deg, #f8fbf8 0%, #eef6f0 52%, #fbf7ed 100%);
	border: 1px solid rgba(54, 91, 67, 0.18);
	box-shadow: 0 22px 60px rgba(28, 52, 37, 0.13);
}

.a2050-archive-kicker {
	margin-bottom: 0.65rem;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #627764;
}

.a2050-archive-title {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: clamp(2.1rem, 5vw, 4.2rem);
	line-height: 0.98;
	letter-spacing: -0.045em;
	color: #1f3528;
}

.a2050-archive-lead {
	max-width: 900px;
	font-size: clamp(1.15rem, 2vw, 1.45rem);
	line-height: 1.45;
	color: #2d4735;
}

.a2050-archive-hero p {
	max-width: 920px;
}

.a2050-archive-status {
	margin-top: 1.7rem;
	padding: 1.2rem 1.4rem;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(54, 91, 67, 0.16);
}

.a2050-archive-status p {
	margin-top: 0.35rem;
	margin-bottom: 0.35rem;
}

.a2050-archive-status strong {
	color: #244733;
}

@media (max-width: 700px) {
	.a2050-archive-hero {
		padding: 1.35rem;
		border-radius: 22px;
	}
}




/* ==========================================================
   ANTIAGING2050 · TARJETAS
   ========================================================== */



.a2050-report-card {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	padding: 2rem;
	border-radius: 24px;
	background:
		radial-gradient(circle at top left, rgba(170, 215, 190, 0.26), transparent 34%),
		linear-gradient(135deg, #f7fbf8 0%, #eef5f0 48%, #f9f7ef 100%);
	border: 1px solid rgba(75, 112, 91, 0.22);
	box-shadow: 0 18px 45px rgba(34, 62, 45, 0.12);
}

.a2050-report-kicker {
	margin-bottom: 0.5rem;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #55715f;
}

.a2050-report-title {
	margin-top: 0;
	margin-bottom: 0.7rem;
	font-size: clamp(1.7rem, 3vw, 2.45rem);
	line-height: 1.08;
	color: #20382a;
}

.a2050-report-subtitle {
	font-size: 1.08rem;
	color: #314936;
}

.a2050-report-card p {
	max-width: 780px;
}

.a2050-report-buttons {
	margin-top: 1.4rem;
}

.a2050-report-button .wp-block-button__link {
	border-radius: 999px;
	padding: 0.85rem 1.35rem;
	background: #244733;
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(36, 71, 51, 0.22);
}

.a2050-report-button .wp-block-button__link:hover {
	background: #162d20;
	transform: translateY(-1px);
}

/* ==========================================================
   ANTIAGING2050 · PANEL DE MATERIALES PREVIOS
   ========================================================== */

.a2050-previos-panel {
	margin-top: 2rem;
	margin-bottom: 2.8rem;
	padding: clamp(1.7rem, 3vw, 2.5rem);
	border-radius: 26px;
	background:
		radial-gradient(circle at 0% 0%, rgba(190, 218, 197, 0.38), transparent 34%),
		linear-gradient(135deg, #ffffff 0%, #f3f8f4 55%, #f9f4e8 100%);
	border: 1px solid rgba(65, 105, 78, 0.18);
	box-shadow: 0 16px 42px rgba(31, 55, 39, 0.10);
}

.a2050-previos-label {
	margin-bottom: 0.45rem;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #6b7b61;
}

.a2050-previos-title {
	margin-top: 0;
	margin-bottom: 0.85rem;
	color: #20382a;
	font-size: clamp(1.55rem, 3vw, 2.35rem);
	line-height: 1.1;
}

.a2050-previos-lead {
	max-width: 840px;
	font-size: 1.12rem;
	line-height: 1.55;
	color: #2f4936;
}

.a2050-previos-status {
	margin-top: 1.5rem;
	padding: 1rem 1.2rem;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(65, 105, 78, 0.16);
}

.a2050-previos-status p {
	margin-top: 0.35rem;
	margin-bottom: 0.35rem;
}  
/* ==========================================================
   ANTIAGING2050 · CAPÍTULOS DEL INFORME 2026
   ========================================================== */

.a2050-chapter-hero {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: clamp(2rem, 5vw, 4rem);
	border-radius: 30px;
	background:
		radial-gradient(circle at 10% 18%, rgba(152, 210, 174, 0.26), transparent 32%),
		radial-gradient(circle at 88% 12%, rgba(218, 196, 126, 0.20), transparent 28%),
		linear-gradient(135deg, #f7fbf7 0%, #edf5ef 50%, #fbf7ec 100%);
	border: 1px solid rgba(60, 95, 72, 0.18);
	box-shadow: 0 20px 55px rgba(31, 55, 39, 0.12);
}

.a2050-chapter-part {
	margin-bottom: 0.8rem;
	font-size: 0.9rem;
	font-weight: 700;
	color: #6b5531;
}

.a2050-chapter-title {
	max-width: 980px;
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: clamp(2rem, 4.6vw, 3.8rem);
	line-height: 1.02;
	letter-spacing: -0.04em;
	color: #1f3528;
}

.a2050-chapter-status {
	display: inline-flex;
	margin-top: 0.8rem;
	padding: 0.45rem 0.75rem;
	border-radius: 999px;
	background: rgba(36, 71, 51, 0.10);
	border: 1px solid rgba(36, 71, 51, 0.18);
	color: #244733;
	font-weight: 800;
	font-size: 0.84rem;
}

.a2050-chapter-body {
	margin-top: 2rem;
	margin-bottom: 2.5rem;
	padding: clamp(1.5rem, 3vw, 2.4rem);
	border-radius: 24px;
	background: #ffffff;
	border: 1px solid rgba(50, 80, 58, 0.14);
	box-shadow: 0 14px 36px rgba(31, 55, 39, 0.08);
}

.a2050-chapter-body h2 {
	margin-top: 0;
	color: #20382a;
}

.a2050-chapter-body p {
	max-width: 860px;
	line-height: 1.68;
}

.a2050-chapter-buttons {
	margin-top: 1.5rem;
	margin-bottom: 2.5rem;
}

/* ==========================================================
   ANTIAGING2050 · ACCIONES DEL INFORME 2026
   ========================================================== */

.a2050-report-actions {
	margin-top: 1.5rem;
	margin-bottom: 2.2rem;
}

/* ==========================================================
   ANTIAGING2050 · DESCRIPCIONES DE PARTES DEL ÍNDICE
   ========================================================== */

.a2050-part-description {
	max-width: 860px;
	margin-top: 0.5rem;
	margin-bottom: 1.2rem;
	color: #435744;
	line-height: 1.58;
}

/* ==========================================================
   ANTIAGING2050 · ESTADOS DEL ÍNDICE
   ========================================================== */

.a2050-index-list a {
	color: #20382a;
	font-weight: 700;
	text-decoration: none;
}

.a2050-index-list a:hover {
	text-decoration: underline;
}

.a2050-index-status {
	display: inline-flex;
	margin-left: 0.5rem;
	padding: 0.22rem 0.55rem;
	border-radius: 999px;
	background: rgba(36, 71, 51, 0.10);
	border: 1px solid rgba(36, 71, 51, 0.16);
	color: #244733;
	font-size: 0.74rem;
	font-weight: 800;
	white-space: nowrap;
	vertical-align: middle;
}

.a2050-index-status-soon {
	background: rgba(108, 85, 49, 0.08);
	border-color: rgba(108, 85, 49, 0.15);
	color: #6c5531;
}

/* ==========================================================
   ANTIAGING2050 · CAPÍTULOS DEL INFORME 2026
   ========================================================== */

.a2050-chapter-hero {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: clamp(2rem, 5vw, 4rem);
	border-radius: 30px;
	background:
		radial-gradient(circle at 10% 18%, rgba(152, 210, 174, 0.26), transparent 32%),
		radial-gradient(circle at 88% 12%, rgba(218, 196, 126, 0.20), transparent 28%),
		linear-gradient(135deg, #f7fbf7 0%, #edf5ef 50%, #fbf7ec 100%);
	border: 1px solid rgba(60, 95, 72, 0.18);
	box-shadow: 0 20px 55px rgba(31, 55, 39, 0.12);
}

.a2050-chapter-part {
	margin-bottom: 0.8rem;
	font-size: 0.9rem;
	font-weight: 700;
	color: #6b5531;
}

.a2050-chapter-title {
	max-width: 980px;
	margin-top: 0;
	margin-bottom: 0.8rem;
	font-size: clamp(2rem, 4.6vw, 3.8rem);
	line-height: 1.02;
	letter-spacing: -0.04em;
	color: #1f3528;
}

.a2050-chapter-subtitle {
	max-width: 880px;
	margin-top: 0;
	font-size: clamp(1.25rem, 2.4vw, 2rem);
	line-height: 1.2;
	font-weight: 500;
	color: #334e39;
}

.a2050-chapter-status {
	display: inline-flex;
	margin-top: 0.8rem;
	padding: 0.45rem 0.75rem;
	border-radius: 999px;
	background: rgba(36, 71, 51, 0.10);
	border: 1px solid rgba(36, 71, 51, 0.18);
	color: #244733;
	font-weight: 800;
	font-size: 0.84rem;
}

.a2050-chapter-toc,
.a2050-chapter-body {
	margin-top: 2rem;
	margin-bottom: 2.5rem;
	padding: clamp(1.5rem, 3vw, 2.4rem);
	border-radius: 24px;
	background: #ffffff;
	border: 1px solid rgba(50, 80, 58, 0.14);
	box-shadow: 0 14px 36px rgba(31, 55, 39, 0.08);
}

.a2050-chapter-body h2,
.a2050-chapter-body h3,
.a2050-chapter-toc h2 {
	color: #20382a;
}

.a2050-chapter-body h2 {
	margin-top: 2.4rem;
	padding-top: 0.4rem;
	font-size: clamp(1.55rem, 3vw, 2.25rem);
	line-height: 1.18;
}

.a2050-chapter-body h3 {
	margin-top: 1.8rem;
	font-size: clamp(1.25rem, 2.2vw, 1.65rem);
	line-height: 1.22;
}

.a2050-chapter-body p {
	max-width: 900px;
	line-height: 1.72;
}

.a2050-chapter-toc-list,
.a2050-glossary-list,
.a2050-bibliography-list {
	padding-left: 0;
	list-style: none;
}

.a2050-chapter-toc-list li,
.a2050-glossary-list li,
.a2050-bibliography-list li {
	margin-bottom: 0.55rem;
	padding: 0.72rem 0.9rem;
	border-radius: 14px;
	background: rgba(247, 251, 248, 0.82);
	border: 1px solid rgba(50, 80, 58, 0.10);
	line-height: 1.5;
}

.a2050-chapter-toc-list a {
	color: #20382a;
	font-weight: 700;
	text-decoration: none;
}

.a2050-chapter-toc-list a:hover {
	text-decoration: underline;
}

.a2050-glossary-list strong {
	color: #244733;
}

.a2050-bibliography-list {
	font-size: 0.93rem;
}

.a2050-chapter-table {
	margin-top: 1.7rem;
	margin-bottom: 2rem;
	overflow-x: auto;
}

.a2050-chapter-table table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #ffffff;
	border: 1px solid rgba(50, 80, 58, 0.18);
	border-radius: 18px;
	overflow: hidden;
}

.a2050-chapter-table th,
.a2050-chapter-table td {
	padding: 0.85rem 0.9rem;
	border-bottom: 1px solid rgba(50, 80, 58, 0.12);
	border-right: 1px solid rgba(50, 80, 58, 0.10);
	vertical-align: top;
	line-height: 1.45;
}

.a2050-chapter-table th {
	background: rgba(36, 71, 51, 0.10);
	color: #20382a;
	font-weight: 800;
}

.a2050-chapter-table tr:last-child td {
	border-bottom: none;
}

.a2050-chapter-table th:last-child,
.a2050-chapter-table td:last-child {
	border-right: none;
}

.a2050-chapter-table figcaption {
	margin-top: 0.75rem;
	font-size: 0.9rem;
	color: #607263;
	font-style: italic;
}

.a2050-chapter-buttons {
	margin-top: 1.5rem;
	margin-bottom: 2.5rem;
}

@media (max-width: 760px) {
	.a2050-chapter-hero,
	.a2050-chapter-toc,
	.a2050-chapter-body {
		padding: 1.25rem;
		border-radius: 20px;
	}

	.a2050-chapter-table {
		font-size: 0.88rem;
	}
}
/* ==========================================================
ANTIAGING2050 · LECTURA LARGA SIN BARRA LATERAL
========================================================== */

/* El capítulo puede vivir en un container ancho, pero el texto no debe alargarse demasiado */
body.a2050-informes-area .a2050-chapter-body {
max-width: 980px;
margin-left: auto;
margin-right: auto;
}

/* Línea de lectura cómoda para párrafos y listas */
body.a2050-informes-area .a2050-chapter-body p,
body.a2050-informes-area .a2050-chapter-body li {
max-width: 76ch;
}

/* Los títulos pueden respirar un poco más */
body.a2050-informes-area .a2050-chapter-body h2,
body.a2050-informes-area .a2050-chapter-body h3,
body.a2050-informes-area .a2050-chapter-body h4 {
max-width: 900px;
}

/* Bibliografía y glosario: legibles, pero algo más compactos */
body.a2050-informes-area .a2050-chapter-glossary,
body.a2050-informes-area .a2050-chapter-bibliography {
max-width: 980px;
margin-left: auto;
margin-right: auto;
}

body.a2050-informes-area .a2050-chapter-glossary p,
body.a2050-informes-area .a2050-chapter-bibliography p,
body.a2050-informes-area .a2050-chapter-bibliography li {
max-width: 82ch;
}

/* Tablas: pueden ocupar más anchura, pero sin romper pantalla */
body.a2050-informes-area .a2050-chapter-table-wrap,
body.a2050-informes-area figure.wp-block-table {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
overflow-x: auto;
}

/* Botón discreto de volver arriba */
.a2050-back-top {
max-width: 980px;
margin: 2.5rem auto 3rem;
padding-top: 1rem;
border-top: 1px solid rgba(42, 73, 53, 0.12);
text-align: right;
}

.a2050-back-top a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.48rem 0.8rem;
border-radius: 999px;
background: rgba(36, 71, 51, 0.08);
border: 1px solid rgba(36, 71, 51, 0.16);
color: #244733;
font-size: 0.82rem;
font-weight: 800;
text-decoration: none;
}

.a2050-back-top a:hover {
background: rgba(36, 71, 51, 0.14);
color: #1d3928;
}

/* Responsive */
@media (max-width: 1024px) {
body.a2050-informes-area .a2050-chapter-body {
max-width: 900px;
}

```
body.a2050-informes-area .a2050-chapter-body p,
body.a2050-informes-area .a2050-chapter-body li {
	max-width: 72ch;
}
```

}

@media (max-width: 768px) {
body.a2050-informes-area .a2050-chapter-body,
body.a2050-informes-area .a2050-chapter-glossary,
body.a2050-informes-area .a2050-chapter-bibliography {
max-width: 100%;
}

```
body.a2050-informes-area .a2050-chapter-body p,
body.a2050-informes-area .a2050-chapter-body li,
body.a2050-informes-area .a2050-chapter-bibliography p,
body.a2050-informes-area .a2050-chapter-bibliography li {
	max-width: 100%;
}

.a2050-back-top {
	text-align: left;
}
```

} 

/* Nota editorial compacta al inicio de capítulos */
.a2050-previos-panel-compact {
	padding-top: clamp(1.2rem, 2.4vw, 1.8rem);
	padding-bottom: clamp(1.2rem, 2.4vw, 1.8rem);
}

.a2050-previos-panel-compact .a2050-previos-lead {
	margin-bottom: 0.45rem;
}
/* ==========================================================
   ANTIAGING2050 · AJUSTES CAPÍTULO 2 / CAPÍTULOS LARGOS
   ========================================================== */

/* Subtítulo largo en cabecera de capítulo */
.a2050-chapter-subtitle {
	max-width: 980px;
	margin: 0.8rem 0 1.1rem;
	font-size: clamp(1.05rem, 2.2vw, 1.45rem);
	line-height: 1.35;
	color: #435744;
	font-weight: 650;
}

/* Nota editorial compacta */
.a2050-previos-panel-compact {
	padding-top: clamp(1.2rem, 2.4vw, 1.8rem);
	padding-bottom: clamp(1.2rem, 2.4vw, 1.8rem);
}

.a2050-previos-panel-compact .a2050-previos-lead {
	margin-bottom: 0.45rem;
}

/* Mapa de capítulo */
.a2050-chapter-map {
	max-width: 980px;
	margin: 1.4rem auto 2.4rem;
	padding: clamp(1.2rem, 2.4vw, 1.8rem);
	border-radius: 22px;
	background: #f7fbf7;
	border: 1px solid rgba(50, 80, 58, 0.14);
	box-shadow: 0 12px 30px rgba(31, 55, 39, 0.06);
}

.a2050-map-label {
	margin: 0 0 0.8rem;
	font-size: 0.76rem;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #6b5531;
}

.a2050-chapter-map-list {
	margin-bottom: 0;
	columns: 2;
	column-gap: 2rem;
}

.a2050-chapter-map-list li {
	break-inside: avoid;
	margin-bottom: 0.45rem;
}

.a2050-chapter-map-list a {
	color: #20382a;
	font-weight: 700;
	text-decoration: none;
}

.a2050-chapter-map-list a:hover {
	text-decoration: underline;
}

/* Lectura larga sin barra lateral */
body.a2050-informes-area .a2050-chapter-body,
body.a2050-informes-area .a2050-chapter-glossary,
body.a2050-informes-area .a2050-chapter-bibliography {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

body.a2050-informes-area .a2050-chapter-body p,
body.a2050-informes-area .a2050-chapter-body li {
	max-width: 76ch;
}

body.a2050-informes-area .a2050-chapter-glossary li,
body.a2050-informes-area .a2050-chapter-bibliography li {
	max-width: 82ch;
}

/* Glosario y bibliografía */
.a2050-glossary-list li,
.a2050-bibliography-list li {
	margin-bottom: 0.72rem;
	line-height: 1.58;
}

.a2050-bibliography-list {
	font-size: 0.94rem;
}

/* Botón discreto de volver arriba */
.a2050-back-top {
	max-width: 980px;
	margin: 2.5rem auto 3rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(42, 73, 53, 0.12);
	text-align: right;
}

.a2050-back-top a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.48rem 0.8rem;
	border-radius: 999px;
	background: rgba(36, 71, 51, 0.08);
	border: 1px solid rgba(36, 71, 51, 0.16);
	color: #244733;
	font-size: 0.82rem;
	font-weight: 800;
	text-decoration: none;
}

.a2050-back-top a:hover {
	background: rgba(36, 71, 51, 0.14);
	color: #1d3928;
}

@media (max-width: 1024px) {
	body.a2050-informes-area .a2050-chapter-body p,
	body.a2050-informes-area .a2050-chapter-body li {
		max-width: 72ch;
	}
}

@media (max-width: 768px) {
	.a2050-chapter-map-list {
		columns: 1;
	}

	body.a2050-informes-area .a2050-chapter-body,
	body.a2050-informes-area .a2050-chapter-glossary,
	body.a2050-informes-area .a2050-chapter-bibliography {
		max-width: 100%;
	}

	body.a2050-informes-area .a2050-chapter-body p,
	body.a2050-informes-area .a2050-chapter-body li,
	body.a2050-informes-area .a2050-chapter-glossary li,
	body.a2050-informes-area .a2050-chapter-bibliography li {
		max-width: 100%;
	}

	.a2050-back-top {
		text-align: left;
	}
}
