@page {
    size: A4;
    margin: 0;
}

/* Página */
body {
    margin: 0;
    padding: 0;
    background: #f3f3f3;
    font-family: "Cormorant Garamond", "Times New Roman", serif;
    color: #000;
}

.page {
    width: 21cm;
    /* height: 29.7cm; */
    min-height: 29.7cm;
    margin: 1.5rem auto;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;

    /* ANTES: padding: 2.2cm 3cm 2.5cm 3cm; */
    padding: 1.2cm 3cm 2.5cm 3cm;
    /* ← menos espacio arriba */
}

/* Logo centrado */
.logo-header {
    text-align: center;
    margin-bottom: 0.5cm;
    /* este lo dejamos igual */
}

.logo-header img {
    max-width: 3cm;
    height: auto;
}

.logo_cc {
    max-width: 2cm;
    height: auto;
}

.cc-license {
    display: flex;
    align-items: center;
    /* Alinea verticalmente imagen + texto */
    gap: 0.35cm;
    /* Espacio visual entre logo y texto */
    font-size: 10pt;
    margin-top: 0.5cm;
    margin-bottom: 1cm;
}

.cc-license img {
    max-height: 1cm;
    /* Tamaño proporcional */
    width: auto;
}


/* Barra gris de datos: a todo lo ancho de la hoja */
.issue-bar {
    display: block;
    position: relative;
    width: calc(100% + 6cm);
    /* 3 cm padding izq + 3 cm der */
    margin-left: -3cm;
    margin-right: -3cm;
    background: #e6e6e6;
    text-align: center;
    font-size: 9pt;
    padding: 0.3em 0.5em;
    margin-bottom: 1.2cm;
    box-sizing: border-box;
}

/* Cabecera del artículo: títulos cargados a la derecha */
.article-header {
    text-align: right;
    margin-bottom: 1.0cm;
}

.title-es {
    font-size: 16pt;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin: 0;
}

.title-en {
    font-size: 12pt;
    line-height: 1.25;
    font-weight: 400;
    font-style: italic;
    margin: 0.6em 0 0 0;
}

.title-en span {
    font-style: italic;
}

/* Autores: alineados a la derecha */
.authors {
    margin-top: 1.0cm;
    margin-bottom: 0.8cm;
    font-size: 11pt;
    text-align: right;
}

.author-block {
    margin-bottom: 0.9em;
}

.authors p {
    margin: 0;
}

.author-name {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.author-affiliation {
    font-style: italic;
}

.author-contact {
    font-size: 9.5pt;
    color: #333333;
}

/* DOI debajo de autores, a la derecha */
.doi {
    font-size: 9pt;
    margin-top: 0.5cm;
    margin-bottom: 1.4cm;
    text-align: right;
}

.doi a {
    color: #000;
    text-decoration: none;
}

/* RESUMEN y ABSTRACT en una columna debajo del DOI */
.summary-abstract {
    font-size: 11pt;
    line-height: 1.55;
    text-align: justify;
}

.summary-section {
    margin-bottom: 0.9cm;
}

.summary-title {
    font-size: 11pt;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 0.25em 0;
}

/* Cuerpo del artículo */
.article-body {
    font-size: 11.5pt;
    line-height: 1.6;
    text-align: justify;
}

/* Capitular */
.first-paragraph {
    text-align: justify;
    margin-top: 0;
}

.dropcap {
    float: left;
    font-size: 40pt;
    line-height: 0.8;
    padding-right: 0.08em;
    padding-top: 0.06em;
}

.article-body p {
    margin: 0 0 0.8em 0;
}

/* Utilidades */
.sangria {
    text-indent: 1.2em;
}

.centrado {
    text-align: center;
}

/* Imprimible */
@media print {
    body {
        background: #ffffff;
    }

    .page {
        margin: 0;
        box-shadow: none;
        height: auto;
        /* para que también en print no corte contenido */
        min-height: 29.7cm;
    }
}

.negrita {
    font-weight: bold;
}

/* --- SECCIONES FINALES: NOTAS Y REFERENCIAS --- */

/* Títulos de sección final (NOTAS, REFERENCIAS) */
.seccion-final-titulo {
    font-size: 12pt;
    /* Ligeramente más grande que cuerpo, o igual pero negrita */
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: left;
    /* Títulos alineados a la izquierda */
}

/* Cuerpo de Notas */
.notas-body {
    font-size: 10.5pt;
    /* Un poco más pequeño que el texto principal */
    line-height: 1.4;
    text-align: justify;
}

.notas-body p {
    margin-bottom: 0.6em;
}

/* Cuerpo de Referencias */
.referencias-body {
    font-size: 10.5pt;
    line-height: 1.4;
    text-align: justify;
}

/* Sangría francesa para referencias */
.referencias-body p {
    margin: 0 0 0.6em 0;

    /* Hanging indent / Sangría francesa */
    padding-left: 1.5em;
    text-indent: -1.5em;
}

/* Custom Figure Styles */
.figura-custom {
    margin: 1.5em auto;
    width: 70%;
    text-align: center;
}

.figura-header {
    /* Removed flex to allow text to flow continuously */
    display: block;
    margin-bottom: 0.5em;
}

.figura-label {
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 1em;
    /* margin-right helps separate the label from the text that follows immediately */
    margin-right: 0.5em;
}

.figura-caption {
    font-size: 1.3em;
    margin-bottom: 0.8em;
    text-align: center;
    color: #333;
}

.figura-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 0.5em auto;
}

.figura-source {
    font-size: 1em;
    color: #333;
    text-align: center;
}
/* Sección de Fechas y Bio del Autor (antes de Introducción) */
.info-author-fechas {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 2cm;
    gap: 1.0cm;
    font-size: 10pt;
    font-family: "Cormorant Garamond", serif;
}

.fechas-col {
    text-align: right;
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #333;
}

.fechas-col p {
    margin: 0.8em 0;
    line-height: 1.3;
}

.fecha-label {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600; /* Semibold for labels */
    font-size: 0.9em;
    color: #222;
}

.separator-line {
    width: 1px;
    background-color: #999; /* Grey line */
    /* margin handled by gap in flex container */
}

.author-bio-col {
    text-align: justify;
    width: 65%;
    line-height: 1.35;
    color: #000;
}

.author-bio-col p {
    margin: 0 0 0.8em 0;
}

.author-bio-col sup {
    line-height: 0;
}

/* Hipervínculos generales */
a {
    color: #059093;
    text-decoration: none;
}