/*
Theme Name: Prosig-CSH Territorio
Theme URI:
Author: Alejandro Peñalosa
Author URI: https://github.com/alepencas
Description: Theme diseñado para el ProSIG-CSH
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: proyectos, oaxaca, georreferencias, mapas, historia, antropología
Text Domain: Proyectos
*/

/* =========================================================
   PROSIG-CSH
   DESIGN TOKENS
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Mono:wght@400;500;600&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {

    /* -----------------------------------------------------
       Colores
       ----------------------------------------------------- */

    --prosig-color-primary: #a85c3a;
    --prosig-color-primary-dark: #8b4b30;

    --prosig-color-green: #28463c;
    --prosig-color-blue: #255b73;

    --prosig-color-text: #222;
    --prosig-color-text-muted: #666;
    --prosig-color-text-light: #777;

    --prosig-color-background: #fff;
    --prosig-color-background-soft: #f5f5f1;
    --prosig-color-background-warm: #f8f6f1;

    --prosig-color-border: #d9d9d4;
    --prosig-color-border-soft: #ececec;

    /* -----------------------------------------------------
       Tipografía
       ----------------------------------------------------- */

    --prosig-font-sans: "Source Sans 3", sans-serif;
    --prosig-font-serif: "Cormorant", serif;
    --prosig-font-mono: "IBM Plex Mono", monospace;

    --prosig-texto-base: 1.7rem;
    --prosig-texto-small: 1.5rem;

    --prosig-line-height-base: 1.55;

    /* -----------------------------------------------------
       Espaciado
       ----------------------------------------------------- */

    --prosig-space-xs: 0.35rem;
    --prosig-space-sm: 0.5rem;
    --prosig-space-md: 1rem;
    --prosig-space-lg: 1.5rem;
    --prosig-space-xl: 2rem;
    --prosig-space-2xl: 3rem;
    --prosig-space-3xl: 4rem;

    /* -----------------------------------------------------
       Grid
       ----------------------------------------------------- */

    --prosig-grid-gap-x: 2rem;
    --prosig-grid-gap-y: 4rem;

    /* -----------------------------------------------------
       Header
       ----------------------------------------------------- */

    --header-height: 100px;

    /* -----------------------------------------------------
       Componentes
       ----------------------------------------------------- */

    --prosig-card-image-ratio: 16 / 9;

    /* -----------------------------------------------------
       Movimiento
       ----------------------------------------------------- */

    --prosig-transition: 0.25s ease;
}


/* =========================================================
   RESET / BASE
   ========================================================= */

html {
    box-sizing: border-box;
    font-size: 62.5%;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    margin: 0;

    font-family: var(--prosig-font-sans);
    font-size: var(--prosig-texto-base);
    line-height: var(--prosig-line-height-base);

    color: var(--prosig-color-text);
    background: var(--prosig-color-background);
}

p {
    margin: 0;
    text-align: justify;
}

a {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

hr {
    border: 0;
    border-top: 1px solid var(--prosig-color-border);
}


/* =========================================================
   TIPOGRAFÍA
   ========================================================= */

h1,
h2,
h3,
h4 {
    margin: 0;

    font-family: var(--prosig-font-serif);
    font-weight: 500;
    line-height: 1.1;
}

h1 {
    font-size: 2.6rem;/*clamp(3.2rem, 5vw, 5.5rem);*/
}

h2 {
    font-size: clamp(2.8rem, 4vw, 4.2rem);
}

h3 {
    font-size: clamp(2rem, 3vw, 2.8rem);
}

h4 {
    font-size: 2.2rem;
}


/* =========================================================
   UTILIDADES
   ========================================================= */

.contenedor {
    width: min(95%, 140rem);
    margin: 0 auto;
}

.contenido-centrado {
    width: min(95%, 80rem);
    margin-left: auto;
    margin-right: auto;
}

.seccion {
    padding: 5rem 0;
}

.text-center {
    text-align: center;
}

.text-primary {
    color: var(--prosig-color-primary);
}

.text-blanco {
    color: #fff;
}


/* =========================================================
   HEADER PRINCIPAL
   ========================================================= */

.site-header {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: var(--header-height);

    z-index: 9999;

    padding: 20px 0;

    background: linear-gradient(
        35deg,
        var(--prosig-color-green),
        var(--prosig-color-blue)
    );

    transition:
        background-color 0.3s ease,
        box-shadow 0.3s ease,
        padding 0.3s ease;
}

.site-header .contenedor {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: min(95%, 1450px);
    max-width: 1450px;

    padding: 0px;
}

.site-header a {
    color: #fff;
    transition: color 0.3s ease;
}

.site-header.scrolled {
    background: var(--prosig-color-green);

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

    padding: 15px 0;
}

.site-header.scrolled a {
    color: #2d2d2d;
}

.site-header.scrolled .menu a {
    color: #fff;
}

.custom-logo {
    display: block;

    width: auto;
    max-height: 75px;

    transition: max-height 0.3s ease;
}

.site-header.scrolled .custom-logo {
    max-height: 60px;
}


/* =========================================================
   HERO GENERAL
   ========================================================= */

.hero {
    background:
        linear-gradient(
            rgba(0, 0, 0, 0.45),
            rgba(0, 0, 0, 0.55)
        ),
        url("../img/hero2.jpg");

    background-size: cover;
    background-position: center;
}

.hero h1 {
    font-size: clamp(3rem, 6vw, 5.5rem);
    font-weight: 300;
    line-height: 1.1;
}


/* =========================================================
   BOTONES
   ========================================================= */

.boton {
    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
}

.boton:hover {
    transform: translateY(-4px);
}


/* =========================================================
   PROYECTO DESTACADO
   ========================================================= */

.proyecto-destacado {
    padding: 120px 0;
    background: var(--prosig-color-background-warm);
}

.destacado-grid {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 70px;
    align-items: center;
}

.destacado-imagen img {
    width: 100%;
    border-radius: 12px;
}

.etiqueta {
    display: inline-block;

    margin-bottom: 25px;
    padding: 8px 18px;

    border-radius: 30px;

    background: var(--prosig-color-green);
    color: #fff;

    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.destacado-contenido h2 {
    margin-bottom: 25px;

    color: var(--prosig-color-green);
    font-size: 3rem;
}

.destacado-contenido p {
    margin-bottom: 35px;

    color: var(--prosig-color-text-muted);
    font-size: 1.15rem;
}


/* =========================================================
   EXPLORAR POR TERRITORIO
   ========================================================= */

.explorar-mapa {
    padding: 110px 0;
    background: #fff;
}

.mapa-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 70px;
    align-items: center;
}

.mapa img {
    width: 100%;
    max-width: 800px;
}

.territorios h3 {
    margin-bottom: 30px;
    font-size: 1.6rem;
}

.territorios li {
    margin-bottom: 18px;
}

.territorios a {
    color: #333;
    font-weight: 600;

    transition:
        color 0.3s ease,
        padding-left 0.3s ease;
}

.territorios a:hover {
    padding-left: 8px;
    color: var(--prosig-color-primary);
}


/* =========================================================
   HERO PROYECTO
   ========================================================= */

.hero-proyecto {
    display: flex;
    align-items: center;

    min-height: 55vh;

    background-size: cover;
    background-position: center;

    color: #fff;
}

.hero-proyecto-contenido {
    max-width: 720px;
    padding: 120px 0 80px;
}

.hero-proyecto h1 {
    margin: 20px 0;

    font-size: 3.2rem;
    font-weight: 300;
}

.hero-proyecto p {
    font-size: 1.25rem;
    line-height: 1.8;
    opacity: 0.95;
}

.hero-proyecto .categoria {
    font-size: 0.85rem;
    letter-spacing: 3px;
    text-transform: uppercase;
}


/* =========================================================
   FICHA DEL PROYECTO
   ========================================================= */

.proyecto-individual {
    max-width: 1200px;
    margin: 80px auto;
}

.proyecto-metadatos {
    max-width: 1000px;
    margin: 80px auto;
}

.proyecto-metadatos__titulo {
    margin-bottom: 50px;

    color: var(--prosig-color-green);

    font-size: 2.4rem;
    text-align: center;
}

.proyecto-metadatos__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 40px;
}

.proyecto-metadatos__card {
    padding-top: 20px;
    border-top: 4px solid var(--prosig-color-green);
}

.proyecto-metadatos__card h3 {
    margin-bottom: 12px;

    color: var(--prosig-color-text-light);

    font-size: 1.4rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.proyecto-metadatos__card p {
    color: var(--prosig-color-text);
    font-size: 1.35rem;
    line-height: 1.6;
}

.proyecto-metadatos__card a {
    color: var(--prosig-color-primary);
    font-size: 1.6rem;
    font-weight: 600;
}


/* =========================================================
   RESUMEN DEL PROYECTO
   ========================================================= */

.proyecto-resumen {
    max-width: 900px;
    margin: 80px auto;
}

.proyecto-resumen p {
    color: #444;
    font-size: 1.45rem;
    line-height: 1.9;
    text-align: center;
}


/* =========================================================
   INVESTIGADORES
   ========================================================= */

.proyecto-investigadores {
    margin: 90px 0;
}

.proyecto-investigadores h2 {
    margin-bottom: 50px;
    text-align: center;
}

.investigadores-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 35px;
}

.investigador-card {
    text-align: center;
}

.investigador-card a {
    color: inherit;
}

.investigador-card__imagen {
    display: block;

    width: 140px;
    height: 140px;

    margin: 0 auto 20px;

    border: 4px solid #fff;
    border-radius: 50%;

    object-fit: cover;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.investigador-card__nombre {
    color: var(--prosig-color-green);
    font-size: 1.1rem;
    font-weight: 600;
}


/* =========================================================
   INVESTIGADOR — PÁGINA INDIVIDUAL
========================================================= */

.investigador-hero {
    margin-top: 6rem;
    padding: 5rem 0;
    background: #f5f0e7;
}


.investigador-hero__grid {
    max-width: 1200px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 4.5rem;

    align-items: center;
}

.investigador-hero__foto {
    width: 280px;
    height: 280px;
}

.investigador-hero__foto img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: 50%;
    border: 6px solid #fff;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.14);
}

.investigador-hero__contenido {
    max-width: 760px;
}

.investigador-hero__contenido h1 {
    margin: 0 0 1rem;

    font-family: var(--prosig-font-serif);
    font-size: clamp(3rem, 5vw, 4.8rem);
    line-height: 1.05;

    color: #241f1b;
}

.investigador-cargo {
    margin: 0 0 .35rem;

    font-size: 1.1rem;
    line-height: 1.5;

    color: #241f1b;
    font-weight: 600;
}

.investigador-institucion {
    margin: 0;

    font-size: 1rem;
    line-height: 1.5;

    color: #5d5751;
}


/* =========================================================
   CONTENIDO
========================================================= */

.investigador-single {
    max-width: 1200px;
    margin: 0 auto;

    padding: 4.5rem 0 7rem;
}


/* =========================================================
   INFORMACIÓN ACADÉMICA
========================================================= */

.investigador-metadatos {
    max-width: 900px;
    margin-bottom: 4.5rem;
}

.investigador-metadatos h2 {
    margin: 0 0 1.4rem;

    font-family: var(--prosig-font-serif);
    font-size: 2.5rem;
    font-weight: 400;

    color: #241f1b;
}

.investigador-metadatos dl {
    margin: 0;
}

.investigador-metadatos dl > div {
    display: grid;
    grid-template-columns: 190px 1fr;
}

.investigador-metadatos dt,
.investigador-metadatos dd {
    margin: 0;
    padding: .8rem 0;

    border-top: 1px solid #ddd5c9;
}

.investigador-metadatos dt {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;

    color: #241f1b;
}

.investigador-metadatos dd {
    font-size: .95rem;
    color: #4f4943;
}

.investigador-metadatos a {
    color: var(--prosig-color-green);
    text-decoration: none;
}

.investigador-metadatos a:hover {
    text-decoration: underline;
}


/*
 * El HTML actual no tiene div alrededor de cada dt/dd,
 * por eso hacemos que los elementos formen dos columnas
 * directamente.
 */

.investigador-metadatos dl {
    display: grid;
    grid-template-columns: 190px 1fr;
}

.investigador-metadatos dl dt,
.investigador-metadatos dl dd {
    min-width: 0;
}


/* =========================================================
   PROYECTOS DEL INVESTIGADOR
========================================================= */

.investigador-proyectos {
    margin-top: 1rem;
}

.investigador-seccion-header {
    margin-bottom: 2.5rem;
}

.investigador-seccion-kicker {
    display: block;

    margin-bottom: .45rem;

    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;

    color: var(--prosig-color-green);
}

.investigador-seccion-header h2 {
    margin: 0 0 .5rem;

    font-family: var(--prosig-font-serif);
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.1;

    color: #241f1b;
}

.investigador-seccion-header p {
    margin: 0;

    max-width: 700px;

    font-size: 1rem;
    line-height: 1.6;

    color: #5d5751;
}


/* =========================================================
   GRID DE PROYECTOS
========================================================= */

.investigador-proyectos-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 2.5rem;
}


/* =========================================================
   TARJETAS
========================================================= */

.investigador-proyectos-grid .prosig-card {
    height: 100%;
    margin: 0;

    background: #fff;

    border: 1px solid #e7e1d8;
    border-radius: 2px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);

    overflow: hidden;

    display: flex;
    flex-direction: column;
}

.investigador-proyectos-grid .prosig-card__image {
    display: block;

    width: 100%;
    height: 280px;

    overflow: hidden;
}

.investigador-proyectos-grid .prosig-card__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .35s ease;
}

.investigador-proyectos-grid .prosig-card:hover
.prosig-card__image img {
    transform: scale(1.025);
}

.investigador-proyectos-grid .prosig-card__body {
    flex: 1;

    padding: 1.5rem 1.6rem 1.7rem;

    display: flex;
    flex-direction: column;
}


/* Estado */

.investigador-proyectos-grid .prosig-card__status {
    display: flex;
    align-items: center;
    gap: .55rem;

    margin-bottom: .7rem;

    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;

    color: #3d3a36;
}

.investigador-proyectos-grid .prosig-card__status-dot {
    width: 9px;
    height: 9px;

    flex: 0 0 9px;

    border-radius: 50%;

    background: #16b89a;
}


/* Título */

.investigador-proyectos-grid .prosig-card__title {
    margin: 0 0 .65rem;

    font-family: var(--prosig-font-serif);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.15;
}

.investigador-proyectos-grid .prosig-card__title a {
    color: #241f1b;
    text-decoration: none;
}

.investigador-proyectos-grid .prosig-card__title a:hover {
    color: var(--prosig-color-green);
}


/* Resumen */

.investigador-proyectos-grid .prosig-card__summary {
    margin: 0 0 1.2rem;

    font-size: .95rem;
    line-height: 1.55;

    color: #5d5751;
}


/* Datos */

.investigador-proyectos-grid .prosig-card__facts,
.investigador-proyectos-grid .prosig-card__taxonomy {
    margin-top: .15rem;
}

.investigador-proyectos-grid .prosig-card__fact,
.investigador-proyectos-grid .prosig-card__taxonomy {
    display: grid;
    grid-template-columns: 90px 1fr;

    gap: .8rem;

    margin-bottom: .45rem;
}

.investigador-proyectos-grid .prosig-card__meta-label {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;

    color: #241f1b;
}

.investigador-proyectos-grid .prosig-card__meta-value {
    font-size: .8rem;
    line-height: 1.4;

    color: var(--prosig-color-green);
}


/* Enlace */

.investigador-proyectos-grid .prosig-card__link {
    display: inline-flex;
    align-items: center;
    gap: .55rem;

    width: fit-content;

    margin-top: auto;
    padding-top: 1.2rem;

    font-size: .85rem;
    font-weight: 600;

    color: #241f1b;
    text-decoration: none;

    border-bottom: 1px solid var(--prosig-color-green);
}

.investigador-proyectos-grid .prosig-card__link span {
    font-size: 1.1rem;
}

.investigador-proyectos-grid .prosig-card__link:hover {
    color: var(--prosig-color-green);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .investigador-hero {
        padding: 4rem 1.5rem;
    }

    .investigador-hero__grid {
        grid-template-columns: 210px 1fr;
        gap: 2.5rem;
    }

    .investigador-hero__foto {
        width: 210px;
        height: 210px;
    }

    .investigador-proyectos-grid {
        grid-template-columns: 1fr;
    }

    .investigador-single {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}


@media (max-width: 650px) {

    .investigador-hero {
        padding: 3.5rem 1.5rem 4rem;
    }

    .investigador-hero__grid {
        grid-template-columns: 1fr;

        text-align: center;
    }

    .investigador-hero__foto {
        width: 190px;
        height: 190px;

        margin: 0 auto;
    }

    .investigador-hero__contenido h1 {
        font-size: 3rem;
    }

    .investigador-single {
        padding-top: 3.5rem;
    }

    .investigador-metadatos h2 {
        font-size: 2.1rem;
    }

    .investigador-metadatos dl {
        grid-template-columns: 1fr;
    }

    .investigador-metadatos dt {
        padding-bottom: .25rem;
        border-bottom: 0;
    }

    .investigador-metadatos dd {
        padding-top: .25rem;
    }

    .investigador-seccion-header h2 {
        font-size: 2.4rem;
    }

    .investigador-proyectos-grid .prosig-card__image {
        height: 230px;
    }
}


/* =========================================================
   PROSIG GRID
   ========================================================= */

.prosig-grid {
    display: grid;

    column-gap: var(--prosig-grid-gap-x);
    row-gap: var(--prosig-grid-gap-y);

    margin-top: var(--prosig-space-2xl);

    align-items: stretch;
}

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

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

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


/* =========================================================
   PROSIG CARD
   Sistema editorial general
   ========================================================= */

.prosig-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    height: 100%;

    background: #fff;
}

.prosig-card__image {
    display: block;

    width: 100%;

    aspect-ratio: var(--prosig-card-image-ratio);

    overflow: hidden;

    background: #eee;
}

.prosig-card__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.5s ease,
        filter 0.5s ease;
}

.prosig-card:hover .prosig-card__image img {
    transform: scale(1.025);
    filter: brightness(0.94);
}

.prosig-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 1rem 0 1.25rem;
}

.prosig-card__subtitle {
    margin: 0 0 0.45rem;

    color: var(--prosig-color-primary);

    font-family: var(--prosig-font-sans);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.prosig-card__title {
    margin: 0;

    color: var(--prosig-color-text);

    font-family: var(--prosig-font-serif);
    font-size: clamp(1.45rem, 2vw, 1.8rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.015em;
}

.prosig-card__title a {
    color: inherit;
}

.prosig-card__title a:hover {
    color: var(--prosig-color-primary);
}

.prosig-card__summary {
    max-width: 58ch;
    margin: 0.65rem 0 0;

    color: var(--prosig-color-text-muted);

    font-family: var(--prosig-font-sans);
    font-size: 0.92rem;
    line-height: 1.55;
}

.prosig-card__link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;

    margin-top: auto;
    padding-top: 1rem;

    color: var(--prosig-color-primary);

    font-family: var(--prosig-font-sans);
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1;
}

.prosig-card__link:hover {
    color: var(--prosig-color-text);
    transform: translateX(3px);
}


/* =========================================================
   PROSIG CARD — VARIANTES
   ========================================================= */

.prosig-card--featured .prosig-card__image {
    aspect-ratio: 16 / 8;
}

.prosig-card--featured .prosig-card__title {
    font-size: clamp(1.7rem, 2.4vw, 2.15rem);
}

.prosig-card--featured .prosig-card__body {
    padding-top: 1.25rem;
}

.prosig-card--compact .prosig-card__image {
    aspect-ratio: 16 / 9;
}

.prosig-card--compact .prosig-card__body {
    padding-top: 0.75rem;
}

.prosig-card--compact .prosig-card__title {
    font-size: 1.3rem;
}

.prosig-card--compact .prosig-card__summary {
    font-size: 0.85rem;
    line-height: 1.45;
}

.prosig-card--horizontal {
    display: grid;
    grid-template-columns: minmax(220px, 40%) 1fr;

    column-gap: 1.5rem;

    align-items: stretch;
}

.prosig-card--horizontal .prosig-card__image {
    height: 100%;
    aspect-ratio: auto;
}

.prosig-card--horizontal .prosig-card__body {
    padding: 0.25rem 0;
}


/* =========================================================
   PROSIG-CSH
   PROYECTOS DESTACADOS — HOME
   ========================================================= */

.proyectos-home {
    width: 100%;
    padding: 7rem 0 8rem;
    background: #ffffff;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.proyectos-home > .contenedor {
    width: min(92%, 1280px);
    margin: 0 auto;
}


/* =========================================================
   CABECERA DE LA SECCIÓN
   ========================================================= */

.proyectos-home .bloque-titulo {
    max-width: 760px;
    margin-bottom: 4.5rem;
}


/* Kicker */

.proyectos-home .bloque-titulo > span {
    display: block;

    margin: 0 0 1rem;

    color: var(--prosig-color-primary);

    font-family: var(--prosig-font-sans);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;

    letter-spacing: 0.16em;
    text-transform: uppercase;
}


/* Título */

.proyectos-home .bloque-titulo h2 {
    margin: 0 0 1.25rem;

    color: var(--prosig-color-text);

    font-family: var(--prosig-font-serif);
    font-size: clamp(2.8rem, 5vw, 4.5rem);
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.035em;
}


/* Descripción */

.proyectos-home .bloque-titulo p {
    max-width: 620px;

    margin: 0;

    color: var(--prosig-color-text-muted);

    font-family: var(--prosig-font-sans);
    font-size: 1rem;
    line-height: 1.65;

    text-align: left;
}


/* =========================================================
   GRID DE PROYECTOS
   ========================================================= */

.proyectos-home .prosig-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 4rem;
    row-gap: 6rem;

    margin: 0;
}


/* =========================================================
   TARJETA
   ========================================================= */

.proyectos-home .prosig-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    height: 100%;

    padding: 0;

    background: transparent;

    border: 0;
}


/* =========================================================
   IMAGEN
   ========================================================= */

.proyectos-home .prosig-card__image {
    display: block;

    width: 100%;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #eeeeea;
}


.proyectos-home .prosig-card__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 500ms ease,
        filter 500ms ease;
}


.proyectos-home .prosig-card:hover .prosig-card__image img {
    transform: scale(1.025);
    filter: brightness(0.96);
}


/* =========================================================
   CUERPO
   ========================================================= */

.proyectos-home .prosig-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 1.35rem 0 0;
}


/* =========================================================
   SUBTÍTULO / CATEGORÍA
   ========================================================= */

.proyectos-home .prosig-card__subtitle {
    margin: 0 0 0.6rem;

    color: var(--prosig-color-primary);

    font-family: var(--prosig-font-sans);
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


/* =========================================================
   TÍTULO
   ========================================================= */

.proyectos-home .prosig-card__title {
    margin: 0;

    color: var(--prosig-color-text);

    font-family: var(--prosig-font-serif);
    font-size: clamp(2rem, 3vw, 2.7rem);
    font-weight: 500;
    line-height: 1;

    letter-spacing: -0.025em;
}


.proyectos-home .prosig-card__title a {
    color: inherit;
    text-decoration: none;
}


.proyectos-home .prosig-card__title a:hover {
    color: var(--prosig-color-primary);
}


/* =========================================================
   RESUMEN
   ========================================================= */

.proyectos-home .prosig-card__summary {
    max-width: 58ch;

    margin: 0.9rem 0 0;

    color: var(--prosig-color-text-muted);

    font-family: var(--prosig-font-sans);
    font-size: 1rem;
    line-height: 1.6;

    text-align: left;
}


/* =========================================================
   ENLACE
   ========================================================= */

.proyectos-home .prosig-card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;

    align-self: flex-start;

    margin-top: 1.4rem;
    padding: 0;

    color: var(--prosig-color-text);

    font-family: var(--prosig-font-sans);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: 0.1em;
    text-transform: uppercase;

    text-decoration: none;
}


.proyectos-home .prosig-card__link::after {
    content: "→";

    transition: transform 180ms ease;
}


.proyectos-home .prosig-card__link:hover {
    color: var(--prosig-color-primary);
}


.proyectos-home .prosig-card__link:hover::after {
    transform: translateX(4px);
}


/* =========================================================
   LÍNEA EDITORIAL
   ========================================================= */

.proyectos-home .prosig-card::before {
    content: "";

    display: block;

    width: 100%;
    height: 1px;

    margin-bottom: 0;

    background: #d9d9d4;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .proyectos-home {
        padding: 5.5rem 0 6rem;
    }

    .proyectos-home .prosig-grid {
        column-gap: 2.5rem;
        row-gap: 5rem;
    }

    .proyectos-home .prosig-card__title {
        font-size: 2.1rem;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 700px) {

    .proyectos-home {
        padding: 4.5rem 0 5rem;
    }

    .proyectos-home > .contenedor {
        width: min(92%, 560px);
    }

    .proyectos-home .bloque-titulo {
        margin-bottom: 3rem;
    }

    .proyectos-home .bloque-titulo h2 {
        font-size: clamp(2.6rem, 12vw, 4rem);
    }

    .proyectos-home .prosig-grid {
        grid-template-columns: 1fr;
        row-gap: 4rem;
    }

    .proyectos-home .prosig-card__title {
        font-size: 2rem;
    }

}




/* =========================================================
   ENTITY CARD
   ========================================================= */

.entity-meta {
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--prosig-color-border-soft);
}

.entity-meta:last-child {
    border-bottom: 0;
}

.entity-meta__label {
    display: block;

    margin-bottom: 0.25rem;

    color: var(--prosig-color-text-light);

    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.entity-meta__value {
    color: var(--prosig-color-text);
    line-height: 1.5;
}


/* =========================================================
   ATLAS
   ========================================================= */

.atlas {
    --atlas-text: #222;
    --atlas-muted: #6f6f69;
    --atlas-line: #d9d9d4;
    --atlas-border: rgba(0, 0, 0, 0.16);
    --atlas-border-soft: rgba(0, 0, 0, 0.09);
    --atlas-soft: #f5f5f1;
    --atlas-surface: rgba(0, 0, 0, 0.025);
    --atlas-accent: #8b1e24;

    width: 100%;
    margin-top: 0;
    padding-top: 0;
}
/* =========================================================
   ATLAS — separación del encabezado del sitio
   ========================================================= */

/*.atlas-proyectos {
    padding-top: 6.6rem;
}*/


.atlas-header {
    min-height: 350px;

    margin: 0 auto;

    padding: 70px 2rem 65px;

    border-top: 1px solid var(--atlas-text);
    border-bottom: 1px solid var(--atlas-line);

    display: flex;
    align-items: center;
}

.atlas-header-content {
    display: grid;

    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    grid-template-columns:
        minmax(0, 1.4fr)
        minmax(260px, 0.6fr);

    gap: 4rem;

    align-items: end;
}

.atlas-kicker {
    grid-column: 1 / -1;

    margin: 0 0 1rem;

    color: var(--atlas-muted);

    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.atlas-title {
    max-width: 900px;

    margin: 20px 0 22px;

    color: var(--atlas-text);

    font-family: var(--prosig-font-serif);
    font-size: clamp(2.8rem, 6vw, 5.8rem);
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.045em;
}

.atlas-description {
    max-width: 850px;

    margin: 0;

    color: var(--atlas-muted);

    font-size: 1.05rem;
    line-height: 1.65;
}


/* =========================================================
   ATLAS — EXPLORADOR
   ========================================================= */

.atlas-explorer {
    max-width: 1200px;

    margin: 0 auto;

    padding: 0 2rem 5rem;
}


/* =========================================================
   ATLAS — FILTROS
   ========================================================= */

.atlas-filters {
    margin: 0 0 3rem;
    padding: 2rem 0 2.5rem;

    border-bottom: 1px solid var(--atlas-line);
}

.atlas-filter-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 1.25rem;
}

.atlas-filter {
    display: flex;
    flex-direction: column;

    gap: 0.5rem;
}

.atlas-label {
    display: block;

    color: var(--atlas-muted);

    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}


/* =========================================================
   ATLAS — INPUTS Y SELECTS
   ========================================================= */

.atlas-filter select,
.atlas-filter input {
    width: 100%;
    min-height: 3rem;

    padding: 0.7rem 0.8rem;

    border: 1px solid var(--atlas-line);
    border-radius: 0;

    background: #fff;
    color: var(--atlas-text);

    font: inherit;
    font-size: 0.9rem;

    transition:
        border-color 180ms ease,
        background-color 180ms ease;
}

.atlas-filter select:hover,
.atlas-filter input:hover {
    border-color: #999;
}

.atlas-filter select:focus,
.atlas-filter input:focus {
    outline: none;

    border-color: var(--atlas-text);

    background: var(--atlas-soft);
}


/* =========================================================
   ATLAS — BUSCADOR
   ========================================================= */

.atlas-search {
    margin-bottom: 2rem;
}

.atlas-search-field {
    display: flex;
    align-items: stretch;

    border-bottom: 2px solid var(--atlas-text);
}

.atlas-search-field input {
    flex: 1;

    min-width: 0;
    height: 3.8rem;

    padding: 0;

    border: 0;

    background: transparent;

    font-family: inherit;
    font-size: clamp(1.2rem, 2vw, 1.5rem);
}

.atlas-search-field input::placeholder {
    color: rgba(0, 0, 0, 0.35);
}

.atlas-search-field input:focus {
    outline: none;
}

.atlas-search-button {
    align-self: center;

    min-height: 2.5rem;

    padding: 0 1.2rem;

    border: 1px solid var(--atlas-text);
    border-radius: 0;

    background: transparent;
    color: var(--atlas-text);

    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.atlas-search-button:hover {
    background: var(--atlas-text);
    color: #fff;
}


/* =========================================================
   ATLAS — ACCIONES DE FILTRO
   ========================================================= */

.atlas-filter-actions {
    display: flex;
    align-items: center;

    gap: 1rem;

    margin-top: 1.5rem;
}

.atlas-filter-submit {
    appearance: none;

    min-height: 2.8rem;

    padding: 0.75rem 1.4rem;

    border: 1px solid var(--atlas-text);
    border-radius: 0;

    background: var(--atlas-text);
    color: #fff;

    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    cursor: pointer;

    transition:
        background-color 180ms ease,
        color 180ms ease;
}

.atlas-filter-submit:hover {
    background: transparent;
    color: var(--atlas-text);
}

.atlas-filter-clear {
    color: var(--atlas-muted);

    font-size: 0.82rem;
    text-decoration: none;
}

.atlas-filter-clear::before {
    content: "×";
    margin-right: 0.4rem;
}

.atlas-filter-clear:hover {
    color: var(--atlas-text);
    text-decoration: underline;
}


/* =========================================================
   ATLAS — RESULTADOS
   ========================================================= */

.atlas-results-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 2rem;

    padding: 1.5rem 0;

    border-bottom: 1px solid var(--atlas-line);
}

.atlas-results-count {
    margin: 0;

    color: var(--atlas-muted);

    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.atlas-active-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;

    gap: 0.5rem;
}

.atlas-filter-tag {
    display: inline-flex;
    align-items: center;

    gap: 0.35rem;

    padding: 0.45rem 0.65rem;

    border: 1px solid var(--atlas-line);

    background: var(--atlas-soft);
    color: var(--atlas-muted);

    font-size: 0.75rem;
}

.atlas-filter-tag strong {
    color: var(--atlas-text);
    font-weight: 600;
}


/* =========================================================
   ATLAS — GRID DE PROYECTOS
   ========================================================= */

.atlas-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 2rem 1.5rem;

    padding: 2.5rem 0 5rem;

    align-items: start;
}


/* =========================================================
   ATLAS — TARJETAS
   ========================================================= */

.atlas-grid .prosig-card,
.atlas-grid .atlas-proyecto-card {
    position: relative;

    height: 100%;
}

.atlas-grid .prosig-card__inner,
.atlas-grid .atlas-proyecto-card__inner {
    height: 100%;
}

.atlas-grid .prosig-card::before,
.atlas-grid .atlas-proyecto-card::before {
    content: "";

    display: block;

    width: 100%;
    height: 1px;

    margin-bottom: 1rem;

    background: var(--atlas-text);
}

.atlas-grid .prosig-card__image,
.atlas-grid .atlas-proyecto-card__image {
    display: block;

    width: 100%;

    aspect-ratio: 16 / 10;

    overflow: hidden;

    background: #eeeeea;
}

.atlas-grid .prosig-card__image img,
.atlas-grid .atlas-proyecto-card__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 500ms ease;
}

.atlas-grid .prosig-card:hover .prosig-card__image img,
.atlas-grid .atlas-proyecto-card:hover .atlas-proyecto-card__image img {
    transform: scale(1.025);
}


/* =========================================================
   ATLAS — CONTENIDO DE TARJETA
   ========================================================= */

.atlas-grid .prosig-card__body,
.atlas-grid .prosig-card__content,
.atlas-grid .atlas-proyecto-card__content {
    padding: 1.25rem 0 1.5rem;
}

.atlas-grid .prosig-card__meta,
.atlas-grid .atlas-proyecto-card__meta {
    display: flex;
    flex-wrap: wrap;

    gap: 0.5rem 0.75rem;

    margin-bottom: 0.75rem;
}

.atlas-grid .prosig-card__meta span,
.atlas-grid .atlas-proyecto-card__meta span {
    color: var(--atlas-muted);

    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.atlas-grid .prosig-card__title,
.atlas-grid .atlas-proyecto-card__title {
    margin: 0;

    color: var(--atlas-text);

    font-family: var(--prosig-font-serif);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.atlas-grid .prosig-card__title a,
.atlas-grid .atlas-proyecto-card__title a {
    color: var(--atlas-text);
}

.atlas-grid .prosig-card__title a:hover,
.atlas-grid .atlas-proyecto-card__title a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.15em;
}

.atlas-grid .prosig-card__subtitle,
.atlas-grid .atlas-proyecto-card__subtitle {
    margin-top: 0.5rem;

    color: var(--atlas-muted);

    font-size: 0.86rem;
    line-height: 1.45;
}

.atlas-grid .prosig-card__summary,
.atlas-grid .prosig-card__excerpt,
.atlas-grid .atlas-proyecto-card__excerpt {
    margin-top: 0.9rem;

    color: var(--atlas-muted);

    font-size: 0.88rem;
    line-height: 1.6;
}


/* =========================================================
   ATLAS — DATOS TEMPORALES
   ========================================================= */

.prosig-card__facts {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 1rem;

    margin-top: 1.5rem;
    padding-top: 1rem;

    border-top: 1px solid var(--atlas-line);
}

.prosig-card__fact {
    min-width: 0;
}


/* =========================================================
   ATLAS — TAXONOMÍAS
   ========================================================= */

.prosig-card__taxonomy {
    display: grid;

    grid-template-columns: 8rem minmax(0, 1fr);

    gap: 0.75rem;

    margin-top: 0.8rem;
    padding-top: 0.8rem;

    border-top: 1px solid var(--atlas-line);
}

.prosig-card__meta-label {
    display: block;

    color: var(--atlas-muted);

    font-size: 0.63rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.prosig-card__meta-value {
    display: block;

    color: var(--atlas-text);

    font-size: 0.78rem;
    line-height: 1.45;
}


/* =========================================================
   ATLAS — ENLACE DE TARJETA
   ========================================================= */

.atlas-grid .prosig-card__link,
.atlas-grid .atlas-proyecto-card__link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;

    gap: 0.4rem;

    margin-top: 1rem;

    color: var(--atlas-text);

    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.atlas-grid .prosig-card__link::after,
.atlas-grid .atlas-proyecto-card__link::after {
    content: "→";

    transition: transform 180ms ease;
}

.atlas-grid .prosig-card__link:hover::after,
.atlas-grid .atlas-proyecto-card__link:hover::after {
    transform: translateX(4px);
}


/* =========================================================
   ATLAS — ESTADO VACÍO
   ========================================================= */

.atlas-empty {
    padding: 5rem 0;

    border-top: 1px solid var(--atlas-border-soft);
    border-bottom: 1px solid var(--atlas-line);

    text-align: center;
}

.atlas-empty h2 {
    margin: 0 0 1rem;

    color: var(--atlas-text);

    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 500;
    letter-spacing: -0.04em;
}

.atlas-empty p {
    max-width: 500px;

    margin: 0 auto 1.5rem;

    color: var(--atlas-muted);

    line-height: 1.7;
}

.atlas-empty-link {
    display: inline-block;

    color: var(--atlas-text);

    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    text-decoration: underline;
    text-underline-offset: 0.25em;
}


/* =========================================================
   ATLAS — MAPA
   ========================================================= */

.atlas-mapa {
    padding: 90px 0;
    background: var(--prosig-color-background-soft);
}

#atlas-map {
    height: 550px;

    overflow: hidden;

    border-radius: 18px;

    background: #dfe7ea;

    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.atlas-placeholder {
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    height: 100%;

    text-align: center;
}

.atlas-placeholder h3 {
    margin: 25px 0 15px;

    color: var(--prosig-color-green);

    font-size: 2rem;
}

.atlas-placeholder p {
    max-width: 550px;
    color: var(--prosig-color-text-muted);
}


/* =========================================================
   ATLAS — ESTADÍSTICAS
   ========================================================= */

.atlas-estadisticas {
    position: relative;

    z-index: 20;

    margin-top: -60px;

    background: #fff;
}

.atlas-estadisticas .contenedor {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    overflow: hidden;

    background: #fff;

    border-radius: 16px;

    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}

.estadistica {
    padding: 45px;
    text-align: center;
}

.estadistica:not(:last-child) {
    border-right: 1px solid #eee;
}

.numero {
    display: block;

    color: var(--prosig-color-green);

    font-size: 3rem;
    font-weight: 700;
}

.titulo {
    display: block;

    margin-top: 10px;

    color: var(--prosig-color-text-muted);

    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}


/* =========================================================
   RESPONSIVE — 900px
   ========================================================= */

@media (max-width: 900px) {

    .destacado-grid,
    .mapa-grid {
        grid-template-columns: 1fr;
    }

    .destacado-contenido {
        text-align: center;
    }

    .atlas-header-content {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .atlas-description {
        max-width: 650px;
    }

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

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

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

    .atlas-estadisticas .contenedor {
        grid-template-columns: repeat(2, 1fr);
    }

    .estadistica:nth-child(2) {
        border-right: 0;
    }

    .atlas-title {
        font-size: clamp(2.7rem, 9vw, 4.5rem);
    }

    .prosig-card__title {
        font-size: 1.4rem;
    }
}


/* =========================================================
   RESPONSIVE — 768px
   ========================================================= */

@media (max-width: 768px) {

    .prosig-grid--2,
    .prosig-grid--3,
    .prosig-grid--4 {
        grid-template-columns: 1fr;
    }

    .prosig-card__title {
        font-size: 1.35rem;
    }

    .prosig-card--horizontal {
        grid-template-columns: 1fr;
        row-gap: 1rem;
    }

    .prosig-card--horizontal .prosig-card__image {
        aspect-ratio: 16 / 9;
    }
}


/* =========================================================
   RESPONSIVE — 700px
   ========================================================= */

@media (max-width: 700px) {

    .site-header .contenedor {
        padding: 0px;
    }

    .atlas-header {
        padding: 3rem 1.25rem 2.5rem;
    }

    .atlas-explorer {
        padding: 0 1.25rem 4rem;
    }

    .atlas-title {
        font-size: clamp(3rem, 16vw, 5rem);
    }

    .atlas-filters {
        padding-top: 1.5rem;
        margin-bottom: 2.5rem;
    }

    .atlas-search-field {
        display: block;
    }

    .atlas-search-field input {
        display: block;
        width: 100%;
    }

    .atlas-search-button {
        margin: 0.75rem 0 1rem;
    }

    .atlas-filter-actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .atlas-filter-submit {
        width: 100%;
    }

    .atlas-results-header {
        flex-direction: column;
        gap: 1rem;
    }

    .atlas-active-filters {
        justify-content: flex-start;
    }

    .prosig-card__body {
        padding-top: 0.85rem;
    }

    .prosig-card__summary {
        font-size: 0.9rem;
    }

    .prosig-card__facts {
        grid-template-columns: 1fr;
    }

    .prosig-card__taxonomy {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .atlas-grid .prosig-card__title,
    .atlas-grid .atlas-proyecto-card__title {
        font-size: 1.25rem;
    }

    #atlas-map {
        height: 400px;
    }
}


/* =========================================================
   RESPONSIVE — 600px
   ========================================================= */

@media (max-width: 600px) {

    :root {
        --header-height: 90px;
    }

    .site-header {
        height: var(--header-height);
    }

    .atlas-filter-grid,
    .atlas-grid {
        grid-template-columns: 1fr;
    }

    .atlas-grid {
        gap: 1.5rem;
        padding-top: 2rem;
    }

    .atlas-estadisticas .contenedor {
        grid-template-columns: 1fr;
    }

    .estadistica {
        border-right: 0 !important;
        border-bottom: 1px solid #eee;
    }

    .estadistica:last-child {
        border-bottom: 0;
    }

    .prosig-card__image {
        aspect-ratio: 16 / 9;
    }

    .atlas-header-content,
    .atlas-explorer {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

/* =========================================================
   ATLAS — TARJETA DE PROYECTO
   ========================================================= */

.grid-proyectos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4rem 2rem;

    margin-top: 3rem;
}


/* ---------------------------------------------------------
   TARJETA
   --------------------------------------------------------- */

.grid-proyectos .prosig-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    height: 100%;

    background: transparent;

    border-top: 1px solid #222;
}


/* ---------------------------------------------------------
   IMAGEN
   --------------------------------------------------------- */

.grid-proyectos .prosig-card__image {
    display: block;

    width: 100%;
    aspect-ratio: 4 / 3;

    overflow: hidden;

    margin-top: 0.8rem;

    background: #e9e7e1;
}

.grid-proyectos .prosig-card__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.5s ease;
}

.grid-proyectos .prosig-card:hover
.prosig-card__image img {
    transform: scale(1.025);
}


/* ---------------------------------------------------------
   CUERPO
   --------------------------------------------------------- */

.grid-proyectos .prosig-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 1.25rem 0 0;
}


/* ---------------------------------------------------------
   ESTADO
   --------------------------------------------------------- */

.grid-proyectos .prosig-card__status {
    display: flex;
    align-items: center;
    gap: 0.45rem;

    margin: 0 0 0.65rem;

    font-family: var(--prosig-font-sans);
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 0.1em;
    text-transform: uppercase;

    color: #777;
}

.grid-proyectos .prosig-card__status-dot {
    display: block;

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--prosig-color-primary);
}


/* ---------------------------------------------------------
   TÍTULO
   --------------------------------------------------------- */

.grid-proyectos .prosig-card__title {
    margin: 0;

    font-family: var(--prosig-font-serif);

    font-size: clamp(1.7rem, 2.2vw, 2.25rem);
    font-weight: 500;
    line-height: 1.05;

    letter-spacing: -0.02em;

    color: #222;
}

.grid-proyectos .prosig-card__title a {
    color: inherit;
    text-decoration: none;
}

.grid-proyectos .prosig-card__title a:hover {
    color: var(--prosig-color-primary);
}


/* ---------------------------------------------------------
   RESUMEN
   --------------------------------------------------------- */

.grid-proyectos .prosig-card__summary {
    max-width: 52ch;

    margin: 0.8rem 0 0;

    font-family: var(--prosig-font-sans);

    font-size: 0.9rem;
    line-height: 1.6;

    color: #555;

    text-align: left;
}


/* ---------------------------------------------------------
   DATOS
   --------------------------------------------------------- */

.grid-proyectos .prosig-card__facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 1rem;

    margin-top: 1.5rem;
    padding-top: 1rem;

    border-top: 1px solid #ddd8cf;
}

.grid-proyectos .prosig-card__fact {
    min-width: 0;
}

.grid-proyectos .prosig-card__meta-label {
    display: block;

    margin-bottom: 0.3rem;

    font-family: var(--prosig-font-sans);

    font-size: 0.58rem;
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: 0.1em;
    text-transform: uppercase;

    color: #777;
}

.grid-proyectos .prosig-card__meta-value {
    display: block;

    font-family: var(--prosig-font-sans);

    font-size: 0.75rem;
    line-height: 1.45;

    color: #333;
}


/* ---------------------------------------------------------
   ENLACE
   --------------------------------------------------------- */

.grid-proyectos .prosig-card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;

    align-self: flex-start;

    margin-top: auto;
    padding-top: 1.5rem;

    font-family: var(--prosig-font-sans);

    font-size: 0.65rem;
    font-weight: 700;

    line-height: 1.2;
    letter-spacing: 0.1em;
    text-transform: uppercase;

    color: #222;

    text-decoration: none;
}

.grid-proyectos .prosig-card__link::after {
    content: "→";

    font-size: 1rem;

    transition: transform 0.2s ease;
}

.grid-proyectos .prosig-card__link:hover {
    color: var(--prosig-color-primary);
}

.grid-proyectos .prosig-card__link:hover::after {
    transform: translateX(4px);
}


/* =========================================================
   ATLAS — RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .grid-proyectos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem 1.5rem;
    }

}


@media (max-width: 600px) {

    .grid-proyectos {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .grid-proyectos .prosig-card__title {
        font-size: 1.8rem;
    }

    .grid-proyectos .prosig-card__facts {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   ATLAS — GRID DE PROYECTOS
   ========================================================= */

.proyectos-home .prosig-grid.prosig-grid--2 {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    column-gap: 2rem !important;
    row-gap: 4rem !important;

    width: 100% !important;
    margin: 0 !important;
}


/* Cada tarjeta */

.proyectos-home .prosig-grid.prosig-grid--2 > .prosig-card {
    width: 100%;
    min-width: 0;
}


/* Tablet */

@media (max-width: 1000px) {

    .proyectos-home .prosig-grid.prosig-grid--2 {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 1.5rem !important;
        row-gap: 3rem !important;
    }

}


/* Móvil */

@media (max-width: 640px) {

    .proyectos-home .prosig-grid.prosig-grid--2 {
        grid-template-columns:
            1fr !important;

        row-gap: 3rem !important;
    }

}

/* =========================================================
   ATLAS — MAPA
   ========================================================= */

.atlas-mapa {
    padding: 6rem 0 7rem;
}


.atlas-mapa .bloque-titulo {
    margin-bottom: 3rem;
}


#atlas-map {
    width: 100%;
    height: 560px;

    border: 1px solid #d8d4cc;

    background: #e9e6df;
}

/* =========================================================
   INVESTIGADOR — PROYECTOS
========================================================= */

.investigador-proyectos {
    margin-top: 7rem;
}

.investigador-seccion-header {
    max-width: 760px;
    margin-bottom: 3.5rem;
}

.investigador-seccion-kicker {
    display: block;
    margin-bottom: 0.8rem;

    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: var(--prosig-color-green);
}

.investigador-seccion-header h2 {
    margin: 0 0 1rem;

    font-family: var(--prosig-font-serif);
    font-size: clamp(2.5rem, 4vw, 3.8rem);
    line-height: 1.1;

    color: #241f1b;
}

.investigador-seccion-header p {
    margin: 0;

    max-width: 650px;

    font-size: 1.05rem;
    line-height: 1.7;

    color: #5d5751;
}


/* GRID */

.investigador-proyectos-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 4rem 3rem;
}


/* =========================================================
   TARJETAS DE PROYECTOS
========================================================= */

.investigador-proyectos-grid .prosig-card,
.investigador-proyectos-grid .entity-card {
    min-width: 0;
}


/* Evita que las imágenes gigantes dominen la página */

.investigador-proyectos-grid img {
    display: block;

    width: 100%;
    height: 280px;

    object-fit: cover;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 800px) {

    .investigador-proyectos {
        margin-top: 5rem;
    }

    .investigador-proyectos-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .investigador-proyectos-grid img {
        height: 240px;
    }

}
/* =========================================================
   PROYECTOS DEL INVESTIGADOR
   ========================================================= */

.investigador-proyectos {
    margin-top: 5rem;
}

.investigador-proyectos-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
    margin-top: 3rem;
}

/* Tarjetas dentro de la página del investigador */
.investigador-proyectos .prosig-card {
    width: 100%;
}

/* Imagen */
.investigador-proyectos .prosig-card__image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.investigador-proyectos .prosig-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Cuerpo */
.investigador-proyectos .prosig-card__body {
    padding: 1.5rem 0;
}

/* Título */
.investigador-proyectos .prosig-card__title {
    margin: 0.5rem 0 0.8rem;
}

/* Resumen */
.investigador-proyectos .prosig-card__summary {
    max-width: 600px;
}

/* En pantallas pequeñas */
@media (max-width: 800px) {

    .investigador-proyectos-grid {
        grid-template-columns: 1fr;
    }

}

```css
/* =========================================================
   INVESTIGADORES — ARCHIVO / DIRECTORIO
========================================================= */

.investigadores-archivo {
    background: #fff;
}


/* =========================================================
   HERO
========================================================= */

.investigadores-hero {
    margin-top: 6.6rem;
    padding: 5rem 0 4.5rem;
    background: #f5f0e7;
}

.investigadores-hero .contenedor {
    max-width: 1200px;
    margin: 0 auto;
}

.investigadores-hero__kicker {
    display: block;
    margin-bottom: 1rem;

    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: var(--prosig-color-green);
}

.investigadores-hero h1 {
    margin: 0 0 1.2rem;

    font-family: var(--prosig-font-serif);
    font-size: clamp(3.5rem, 6vw, 5.5rem);
    line-height: 1;

    color: #241f1b;
}

.investigadores-hero p {
    max-width: 720px;
    margin: 0;

    font-size: 1.15rem;
    line-height: 1.7;

    color: #5d5751;
}


/* =========================================================
   DIRECTORIO
========================================================= */

.investigadores-directorio {
    padding: 6rem 0 8rem;
}

.investigadores-directorio .contenedor {
    max-width: 1200px;
    margin: 0 auto;
}

.investigadores-directorio__grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    column-gap: 3rem;
    row-gap: 5rem;
}


/* =========================================================
   TARJETA
========================================================= */

.investigador-directorio-card {
    min-width: 0;
}

.investigador-directorio-card__link {
    display: block;

    color: inherit;
    text-decoration: none;
}


/* =========================================================
   FOTOGRAFÍA
========================================================= */

.investigador-directorio-card__imagen {
    width: 190px;
    height: 190px;

    margin: 0 auto 1.8rem;

    border-radius: 50%;
    overflow: hidden;

    border: 5px solid #fff;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.investigador-directorio-card__imagen img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.investigador-directorio-card__sin-imagen {
    display: flex;

    width: 100%;
    height: 100%;

    align-items: center;
    justify-content: center;

    background: #f5f0e7;

    font-family: var(--prosig-font-serif);
    font-size: 4rem;

    color: var(--prosig-color-green);
}


/* =========================================================
   CONTENIDO
========================================================= */

.investigador-directorio-card__contenido {
    text-align: center;
}

.investigador-directorio-card__contenido h2 {
    margin: 0 0 0.7rem;

    font-family: var(--prosig-font-serif);
    font-size: 1.8rem;
    line-height: 1.15;

    font-weight: 400;

    color: #241f1b;
}

.investigador-directorio-card__cargo {
    margin: 0 0 0.25rem;

    font-size: 0.95rem;
    line-height: 1.5;

    color: var(--prosig-color-green);
}

.investigador-directorio-card__institucion {
    margin: 0;

    font-size: 0.9rem;
    line-height: 1.5;

    color: #6c665f;
}

.investigador-directorio-card__ver {
    display: inline-block;

    margin-top: 1.1rem;

    font-size: 0.82rem;
    letter-spacing: 0.04em;

    color: #241f1b;

    transition: color 0.2s ease;
}

.investigador-directorio-card__link:hover
.investigador-directorio-card__ver {
    color: var(--prosig-color-green);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .investigadores-directorio__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4rem 2rem;
    }

}


@media (max-width: 600px) {

    .investigadores-hero {
        margin-top: 5rem;
        padding: 4rem 1.5rem;
    }

    .investigadores-hero h1 {
        font-size: 3.4rem;
    }

    .investigadores-hero p {
        font-size: 1rem;
    }

    .investigadores-directorio {
        padding: 4rem 1.5rem 5rem;
    }

    .investigadores-directorio__grid {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .investigador-directorio-card__imagen {
        width: 170px;
        height: 170px;
    }

}
/* =========================================================
   ARCHIVO DE INVESTIGADORES
   Elimina el espacio superior innecesario
========================================================= */

body.post-type-archive-investigador .contenedor {
    padding-top: 0;
    margin-top: 0;
}

body.post-type-archive-investigador main {
    margin-top: 0;
}
body.post-type-archive-investigador .site-header {
    margin-bottom: 0;
    margin-top:2.2rem;
}

```css
/* =========================================================
   INVESTIGACIÓN — INVESTIGADORES
========================================================= */

.investigacion-investigadores {
    background: #fff;
}

.investigacion-investigadores__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);

    gap: 5rem;

    margin-bottom: 4rem;
}

.investigacion-investigadores__eyebrow {
    margin: 0 0 0.8rem;

    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: var(--prosig-color-green);
}

.investigacion-investigadores__intro {
    max-width: 480px;
}

.investigacion-investigadores__intro p {
    margin: 0 0 1.5rem;

    font-size: 1.05rem;
    line-height: 1.7;

    color: #5d5751;
}


/* =========================================================
   GRID
========================================================= */

.investigacion-investigadores__grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 2rem;
}


/* =========================================================
   TARJETAS
========================================================= */

.investigacion-investigador-card {
    min-width: 0;
}

.investigacion-investigador-card__link {
    display: block;

    color: inherit;
    text-decoration: none;
}

.investigacion-investigador-card__imagen {
    width: 100%;
    aspect-ratio: 1 / 1;

    margin-bottom: 1.4rem;

    overflow: hidden;

    background: #f5f0e7;
}

.investigacion-investigador-card__imagen img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.35s ease;
}

.investigacion-investigador-card__link:hover
.investigacion-investigador-card__imagen img {
    transform: scale(1.03);
}

.investigacion-investigador-card__contenido h3 {
    margin: 0 0 0.45rem;

    font-family: var(--prosig-font-serif);
    font-size: 1.45rem;
    line-height: 1.15;

    font-weight: 400;

    color: #241f1b;
}

.investigacion-investigador-card__contenido p {
    margin: 0 0 0.8rem;

    font-size: 0.9rem;
    line-height: 1.5;

    color: var(--prosig-color-green);
}

.investigacion-investigador-card__contenido span {
    font-size: 0.8rem;
    letter-spacing: 0.03em;

    color: #5d5751;
}
.investigacion-investigador-card__imagen {
    width: 100%;
    aspect-ratio: 1 / 1;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .investigacion-investigadores__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .investigacion-investigadores__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem 1.5rem;
    }

}


@media (max-width: 600px) {

    .investigacion-investigadores__grid {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   INVESTIGACIÓN — LÍNEAS DE INVESTIGACIÓN
   ========================================================= */

.investigacion-topics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 4rem;
    row-gap: 0;
    margin-top: 3.5rem;
}

.investigacion-topic {
    padding: 1.25rem 0 1.5rem;
    border-top: 1px solid #d9d2c8;
}

.investigacion-topic__number {
    display: block;
    margin-bottom: 0.45rem;

    font-family: var(--prosig-font-sans);
    font-size: 0.72rem;
    line-height: 1;

    color: #6b625a;
}

.investigacion-topic__title {
    margin: 0;

    font-family: var(--prosig-font-serif);
    font-size: 1.35rem;
    font-weight: 400;
    line-height: 1.25;
}

.investigacion-topic__title a {
    color: #241f1b;
    text-decoration: none;
}

.investigacion-topic__title a:hover {
    color: var(--prosig-color-green);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 700px) {

    .investigacion-topics {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

}

```css
/* =========================================================
   LÍNEAS DE INVESTIGACIÓN — ARCHIVO
   ========================================================= */

.linea-investigacion-hero {
    margin-top: 0;
    padding: 6rem 0 6.5rem;
    background: #f5f0e7;
}

.linea-investigacion-hero__inner {
    max-width: 1200px;
    margin: 0 auto;
}

.linea-investigacion-hero__eyebrow {
    margin: 0 0 1rem;

    font-family: var(--prosig-font-sans);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;

    color: var(--prosig-color-green);
}

.linea-investigacion-hero__title {
    margin: 0;

    font-family: var(--prosig-font-serif);
    font-size: clamp(3rem, 6vw, 5.5rem);
    font-weight: 400;
    line-height: 1.05;

    color: #241f1b;
}

.linea-investigacion-hero__description {
    max-width: 720px;
    margin-top: 1.5rem;

    font-size: 1.1rem;
    line-height: 1.7;

    color: #5d5751;
}


/* ---------------------------------------------------------
   PROYECTOS
   --------------------------------------------------------- */

.linea-investigacion-proyectos {
    max-width: 1200px;
    margin: 0 auto;
    padding: 6rem 0 8rem;
}

.linea-investigacion-section-header {
    max-width: 700px;
    margin-bottom: 3.5rem;
}

.linea-investigacion-section-header__eyebrow {
    margin: 0 0 0.7rem;

    font-size: 0.72rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;

    color: var(--prosig-color-green);
}

.linea-investigacion-section-header h2 {
    margin: 0 0 1rem;

    font-family: var(--prosig-font-serif);
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.15;

    color: #241f1b;
}

.linea-investigacion-section-header p:last-child {
    margin: 0;

    color: #5d5751;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   GRID
   --------------------------------------------------------- */

.linea-investigacion-proyectos
.investigador-proyectos-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem 2.5rem;
}


/* ---------------------------------------------------------
   SIN PROYECTOS
   --------------------------------------------------------- */

.linea-investigacion-empty {
    padding: 2rem 0;

    border-top: 1px solid #d9d2c8;
    border-bottom: 1px solid #d9d2c8;

    color: #5d5751;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 800px) {

    .linea-investigacion-hero {
        padding: 4rem 1.5rem 4.5rem;
    }

    .linea-investigacion-proyectos {
        padding: 4rem 1.5rem 5rem;
    }

    .linea-investigacion-proyectos
    .investigador-proyectos-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

}

```css
/* =========================================================
   INVESTIGACIÓN — METODOLOGÍAS Y HERRAMIENTAS
   ========================================================= */

.investigacion-metodologias {
    background: #f5f0e7;
}

.investigacion-metodologias__header {
    max-width: 850px;
    margin-bottom: 5rem;
}

.investigacion-metodologias__eyebrow {
    margin: 0 0 0.8rem;

    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: var(--prosig-color-green);
}

.investigacion-metodologias__intro {
    max-width: 720px;
    margin: 1.5rem 0 0;

    font-size: 1.08rem;
    line-height: 1.75;

    color: #5d5751;
}


/* =========================================================
   GRID
   ========================================================= */

.investigacion-metodologias__grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 0 4rem;
}


/* =========================================================
   METODOLOGÍA
   ========================================================= */

.investigacion-metodologia {
    padding: 2.5rem 0 3rem;

    border-top: 1px solid #d2c9bd;
}

.investigacion-metodologia__number {
    display: block;

    margin-bottom: 1.2rem;

    font-size: 0.72rem;
    letter-spacing: 0.12em;

    color: #6b625a;
}

.investigacion-metodologia__title {
    margin: 0 0 0.7rem;

    font-family: var(--prosig-font-serif);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.15;

    color: #241f1b;
}

.investigacion-metodologia__lead {
    margin: 0 0 1.2rem;

    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;

    color: var(--prosig-color-green);
}

.investigacion-metodologia > p:not(
    .investigacion-metodologia__lead
) {
    margin: 0;

    font-size: 0.98rem;
    line-height: 1.7;

    color: #5d5751;
}


/* =========================================================
   DETALLES
   ========================================================= */

.investigacion-metodologia__details {
    margin-top: 2rem;
    padding-top: 1.2rem;

    border-top: 1px solid #ddd5ca;
}

.investigacion-metodologia__details > span {
    display: block;

    margin-bottom: 0.8rem;

    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;

    color: #6b625a;
}

.investigacion-metodologia__details ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.investigacion-metodologia__details li {
    position: relative;

    margin: 0;
    padding: 0.35rem 0 0.35rem 1rem;

    font-size: 0.88rem;
    line-height: 1.5;

    color: #5d5751;
}

.investigacion-metodologia__details li::before {
    content: "—";

    position: absolute;
    left: 0;

    color: var(--prosig-color-green);
}


/* =========================================================
   CIERRE
   ========================================================= */

.investigacion-metodologias__closing {
    max-width: 850px;

    margin-top: 5rem;
    padding-top: 2.5rem;

    border-top: 1px solid #cfc6ba;
}

.investigacion-metodologia__title a {
    color: inherit;
    text-decoration: none;
}

.investigacion-metodologia__title a:hover {
    color: var(--prosig-color-green);
}
.investigacion-metodologias__closing-label {
    margin: 0 0 1.2rem;

    font-family: var(--prosig-font-serif);
    font-size: 1.7rem;
    line-height: 1.2;

    color: #241f1b;
}

.investigacion-metodologias__closing p:not(
    .investigacion-metodologias__closing-label
) {
    margin: 0 0 1rem;

    font-size: 1rem;
    line-height: 1.7;

    color: #5d5751;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 800px) {

    .investigacion-metodologias__grid {
        grid-template-columns: 1fr;
    }

    .investigacion-metodologias__header {
        margin-bottom: 3rem;
    }

    .investigacion-metodologia__title {
        font-size: 1.8rem;
    }

}

@media (max-width: 600px) {

    .investigacion-metodologias__intro {
        font-size: 1rem;
    }

}
.taxonomy-header {
    margin-top: 6.6rem;
    padding: 4.5rem 0 4rem;
    background: #f5f0e7;
}

.taxonomy-header__title {
    margin: 0;
    font-family: var(--prosig-font-serif);
    font-size: 4.2rem;
    font-weight: 400;
    color: #241f1b;
}

/* =========================================================
   CONTACTO DEL INVESTIGADOR
   ========================================================= */

.investigador-contacto {
    margin-top: 4rem;
}

.investigador-contacto h2 {
    margin: 0 0 2rem;
    font-family: var(--prosig-font-serif);
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    color: #241f1b;
}

.investigador-contacto__lista {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.investigador-contacto__item {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    column-gap: 2rem;
    align-items: baseline;
}

.investigador-contacto__label {
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6f665f;
}

.investigador-contacto__link {
    color: #241f1b;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

.investigador-contacto__link:hover {
    color: #7a4f35;
    border-bottom-color: currentColor;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 700px) {

    .investigador-contacto {
        margin-top: 3rem;
    }

    .investigador-contacto__item {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

}