/* ============================================================
   DIFUSIÓN
   ============================================================ */

.difusion {
    background: #f7f4ee66;
    color: #241f1b;
}


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

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

.difusion-hero {
    padding-left: 6%;
    width: 100vw;
    max-width: none;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    padding: 8rem 38rem;

    background: #f5f0e7;
}

.difusion-hero__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 3rem;
}

.difusion-hero__eyebrow {
    display: block;

    margin: 0 0 1.2rem;

    font-family: var(--prosig-font-sans, sans-serif);
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .14em;
    line-height: 1.4;
    text-transform: uppercase;

    color: #6d665f;
}

.difusion-hero__title {
    max-width: 900px;

    margin: 0;

    font-family: var(--prosig-font-serif, Georgia, serif);
    font-size: clamp(4rem, 8vw, 6.5rem);
    font-weight: 400;
    line-height: .95;

    color: #241f1b;
}

.difusion-hero__intro {
    max-width: 720px;

    margin: 2rem 0 0;

    font-family: var(--prosig-font-sans, sans-serif);
    font-size: 1.08rem;
    line-height: 1.75;

    color: #5e5852;
}
/* ============================================================
   DIVISOR
   ============================================================ */

.difusion-divider {
    border-bottom: 1px solid #cfc8bf;
}


/* ============================================================
   ÍNDICE
   ============================================================ */

.difusion-index {
    max-width: 1200px;
    margin: 0 auto;
    padding: 4rem 3rem 2rem;
}

.difusion-index__label {
    margin-bottom: 1.5rem;

    font-family: var(--prosig-font-sans, sans-serif);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .11em;
    text-transform: uppercase;

    color: #777068;
}

.difusion-index__list {
    margin: 0;
    padding: 0;

    list-style: none;

    border-top: 1px solid #cfc8bf;
}

.difusion-index__item {
    border-bottom: 1px solid #cfc8bf;
}

.difusion-index__link {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    align-items: center;
    gap: 1rem;

    padding: 1.2rem 0;

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

.difusion-index__number {
    font-family: var(--prosig-font-sans, sans-serif);
    font-size: .72rem;
    color: #777068;
}

.difusion-index__name {
    font-family: var(--prosig-font-serif, Georgia, serif);
    font-size: 1.5rem;
}

.difusion-index__arrow {
    font-size: 1.1rem;
    transition: transform .2s ease;
}

.difusion-index__link:hover .difusion-index__arrow {
    transform: translateX(.2rem);
}


/* ============================================================
   SECCIONES
   ============================================================ */

.difusion-section {
    display: grid;
    grid-template-columns: 220px minmax(0, 760px);

    gap: 4rem;

    max-width: 1200px;
    margin: 0 auto;
    padding: 7rem 3rem;

    border-bottom: 1px solid #cfc8bf;
}

.difusion-section__label {
    padding-top: .4rem;

    font-family: var(--prosig-font-sans, sans-serif);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;

    color: #777068;
}

.difusion-section__title {
    margin: 0 0 1.5rem;

    font-family: var(--prosig-font-serif, Georgia, serif);
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.05;
}

.difusion-section__content > p {
    max-width: 700px;

    margin: 0 0 1.5rem;

    font-family: var(--prosig-font-sans, sans-serif);
    font-size: 1.05rem;
    line-height: 1.8;

    color: #4f4943;
}


/* ============================================================
   FEATURE
   ============================================================ */

.difusion-feature {
    margin-top: 3.5rem;
    padding: 2.5rem;

    background: #eee8df;
}

.difusion-feature__eyebrow {
    margin: 0 0 .8rem;

    font-family: var(--prosig-font-sans, sans-serif);
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;

    color: #777068;
}

.difusion-feature__title {
    max-width: 650px;
    margin: 0;

    font-family: var(--prosig-font-serif, Georgia, serif);
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.1;
}

.difusion-feature__text {
    max-width: 650px;
    margin: 1.3rem 0 0;

    font-family: var(--prosig-font-sans, sans-serif);
    line-height: 1.75;

    color: #5e5852;
}


/* ============================================================
   RECURSO
   ============================================================ */

.difusion-resource {
    display: grid;
    grid-template-columns: 70px 1fr;

    gap: 1.5rem;

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

    border-top: 1px solid #cfc8bf;
}

.difusion-resource__number {
    font-family: var(--prosig-font-sans, sans-serif);
    font-size: .75rem;
    color: #777068;
}

.difusion-resource__title {
    margin: 0;

    font-family: var(--prosig-font-serif, Georgia, serif);
    font-size: 2rem;
    font-weight: 400;
}

.difusion-resource__text {
    max-width: 600px;
    margin: .8rem 0 0;

    font-family: var(--prosig-font-sans, sans-serif);
    line-height: 1.7;

    color: #5e5852;
}


/* ============================================================
   TEMAS
   ============================================================ */

.difusion-topics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 2rem;

    margin-top: 3.5rem;
}

.difusion-topic {
    padding-top: 1.2rem;

    border-top: 1px solid #cfc8bf;
}

.difusion-topic__number {
    font-family: var(--prosig-font-sans, sans-serif);
    font-size: .7rem;
    color: #777068;
}

.difusion-topic__title {
    margin: 1rem 0 .8rem;

    font-family: var(--prosig-font-serif, Georgia, serif);
    font-size: 1.7rem;
    font-weight: 400;
}

.difusion-topic__text {
    margin: 0;

    font-family: var(--prosig-font-sans, sans-serif);
    line-height: 1.7;

    color: #5e5852;
}


/* ============================================================
   ENLACES
   ============================================================ */

.difusion-link {
    display: inline-flex;
    align-items: center;
    gap: .6rem;

    margin-top: 1.7rem;

    font-family: var(--prosig-font-sans, sans-serif);
    font-size: .8rem;
    font-weight: 500;

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

.difusion-link:hover {
    text-decoration: underline;
    text-underline-offset: .15em;
}


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

.difusion-closing {
    max-width: 1200px;
    margin: 0 auto;
    padding: 8rem 3rem 9rem;
}

.difusion-closing__eyebrow {
    margin: 0 0 1rem;

    font-family: var(--prosig-font-sans, sans-serif);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;

    color: #777068;
}

.difusion-closing__title {
    max-width: 850px;
    margin: 0;

    font-family: var(--prosig-font-serif, Georgia, serif);
    font-size: clamp(2.8rem, 5vw, 5rem);
    font-weight: 400;
    line-height: 1.02;
}


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

@media (max-width: 850px) {

    .difusion-section {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .difusion-topics {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 650px) {

@media (max-width: 650px) {

    .difusion-hero {
        margin-top: 5rem;
        padding: 4.5rem 0 4rem;
    }

    .difusion-hero__inner {
        padding: 0 1.25rem;
    }

    .difusion-hero__title {
        font-size: 3.2rem;
        line-height: .98;
    }

    .difusion-hero__intro {
        margin-top: 1.5rem;
        font-size: 1rem;
        line-height: 1.7;
    }
    /* resto del responsive */
    }
    .difusion-index {
        padding: 3rem 1.25rem 1rem;
    }

    .difusion-index__link {
        grid-template-columns: 45px 1fr auto;
    }

    .difusion-index__name {
        font-size: 1.25rem;
    }

    .difusion-section {
        padding: 5rem 1.25rem;
    }

    .difusion-section__title {
        font-size: 2.5rem;
    }

    .difusion-feature {
        padding: 1.75rem;
    }

    .difusion-feature__title {
        font-size: 2rem;
    }

    .difusion-closing {
        padding: 6rem 1.25rem 7rem;
    }

}/* =========================================================
   DIFUSIÓN
   FICHA EDITORIAL — PUBLICACIONES
   ========================================================= */

.difusion-publicaciones {
    margin-top: 4rem;
}


/* ---------------------------------------------------------
   FICHA
   --------------------------------------------------------- */

.difusion-publicacion {
    position: relative;

    display: grid;
    grid-template-columns: minmax(180px, 0.65fr) minmax(0, 1.65fr);

    column-gap: 4rem;

    padding: 3.5rem 0;

    border-top: 1px solid rgba(90, 76, 61, 0.28);
}


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

.difusion-publicacion__imagen {
    align-self: start;

    position: relative;

    background: #eee8de;

    overflow: hidden;
}


.difusion-publicacion__imagen img {
    display: block;

    width: 100%;
    height: auto;

    aspect-ratio: 3 / 4;

    object-fit: cover;
}


/* ---------------------------------------------------------
   CONTENIDO
   --------------------------------------------------------- */

.difusion-publicacion__contenido {
    max-width: 760px;
}


/* ---------------------------------------------------------
   TIPO
   --------------------------------------------------------- */

.difusion-publicacion__tipo {
    margin: 0 0 1rem;

    font-size: 0.62rem;
    line-height: 1.4;

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

    color: #8a493b;
}


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

.difusion-publicacion__titulo {
    margin: 0;

    font-family: var(--prosig-font-serif, "Cormorant", serif);

    font-size: clamp(2rem, 3vw, 3.2rem);

    font-weight: 400;
    line-height: 1.08;

    letter-spacing: -0.025em;

    color: #191714;
}
/* ---------------------------------------------------------
   RESUMEN
   --------------------------------------------------------- */

.difusion-publicacion__resumen {
    max-width: 620px;

    margin-top: 1.5rem;

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

    color: #665e56;
}


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

.difusion-publicacion__datos {
    display: grid;

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

    margin-top: 3rem;

    border-top: 1px solid rgba(90, 76, 61, 0.22);
    border-bottom: 1px solid rgba(90, 76, 61, 0.22);
}


.difusion-publicacion__dato {
    min-height: 100px;

    padding: 1.25rem 1.4rem 1.25rem 0;
}


.difusion-publicacion__dato + .difusion-publicacion__dato {
    padding-left: 1.4rem;

    border-left: 1px solid rgba(90, 76, 61, 0.22);
}


/* ---------------------------------------------------------
   ETIQUETAS
   --------------------------------------------------------- */

.difusion-publicacion__label {
    display: block;

    margin-bottom: 0.55rem;

    font-size: 0.58rem;
    line-height: 1.4;

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

    color: #8a493b;
}


/* ---------------------------------------------------------
   VALORES
   --------------------------------------------------------- */

.difusion-publicacion__valor {
    display: block;

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

    color: #27231f;
}


/* ---------------------------------------------------------
   IDENTIFICADORES
   --------------------------------------------------------- */

.difusion-publicacion__identificadores {
    display: grid;

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

    margin-top: 1.5rem;
}


.difusion-publicacion__identificador {
    padding-right: 1.5rem;
}


/* ---------------------------------------------------------
   DOI
   --------------------------------------------------------- */

.difusion-publicacion__doi {
    display: inline-block;

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

    color: #27231f;

    text-decoration: none;

    border-bottom: 1px solid rgba(138, 73, 59, 0.45);

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


.difusion-publicacion__doi:hover {
    color: #8a493b;

    border-color: #8a493b;
}


/* ---------------------------------------------------------
   ACCIONES
   --------------------------------------------------------- */

.difusion-publicacion__acciones {
    margin-top: 2.5rem;
}


.difusion-publicacion__acciones .difusion-link {
    display: inline-flex;

    align-items: center;
    gap: 0.65rem;

    padding-bottom: 0.45rem;

    border-bottom: 1px solid #8a493b;

    font-size: 0.62rem;
    line-height: 1.4;

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

    color: #27231f;

    text-decoration: none;

    transition:
        color 180ms ease,
        gap 180ms ease;
}


.difusion-publicacion__acciones .difusion-link:hover {
    color: #8a493b;

    gap: 0.9rem;
}


.difusion-publicacion__acciones .difusion-link span {
    font-size: 0.9rem;
}


/* ---------------------------------------------------------
   SIN PUBLICACIONES
   --------------------------------------------------------- */

.difusion-empty {
    padding: 2rem 0;

    border-top: 1px solid rgba(90, 76, 61, 0.22);
    border-bottom: 1px solid rgba(90, 76, 61, 0.22);

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

    color: #665e56;
}


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

@media (max-width: 900px) {

    .difusion-publicacion {
        grid-template-columns: 1fr;

        row-gap: 2.5rem;
    }


    .difusion-publicacion__imagen {
        max-width: 280px;
    }


    .difusion-publicacion__contenido {
        max-width: none;
    }

}


@media (max-width: 640px) {

    .difusion-publicacion {
        padding: 2.5rem 0;
    }


    .difusion-publicacion__titulo {
        font-size: 2rem;
    }


    .difusion-publicacion__datos {
        grid-template-columns: 1fr;
    }


    .difusion-publicacion__dato + .difusion-publicacion__dato {
        padding-left: 0;

        border-left: 0;
        border-top: 1px solid rgba(90, 76, 61, 0.22);
    }


    .difusion-publicacion__identificadores {
        grid-template-columns: 1fr;

        row-gap: 1.25rem;
    }

}/* =========================================================
   DIFUSIÓN
   FICHA EDITORIAL — ACTIVIDADES
   ========================================================= */

.difusion-actividades {
    margin-top: 4rem;
}


/* ---------------------------------------------------------
   FICHA
   --------------------------------------------------------- */

.difusion-actividad {
    padding: 3.5rem 0;

    border-top: 1px solid rgba(90, 76, 61, 0.28);
}


/* ---------------------------------------------------------
   TIPO
   --------------------------------------------------------- */

.difusion-actividad__tipo {
    margin: 0 0 1rem;

    font-size: 0.58rem;
    line-height: 1.4;

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

    color: #8a493b;
}


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

.difusion-actividad__titulo {
    margin: 0;

    font-family: "Cormorant", Georgia, serif;

    font-size: clamp(2rem, 3vw, 3.2rem);

    font-weight: 400;

    line-height: 1.08;

    letter-spacing: -0.025em;

    color: #191714;
}


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

.difusion-actividad__resumen {
    max-width: 720px;

    margin: 1.25rem 0 0;

    font-size: 0.92rem;

    line-height: 1.7;

    color: #665e56;
}


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

.difusion-actividad__datos {
    display: grid;

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

    margin-top: 3rem;

    border-top: 1px solid rgba(90, 76, 61, 0.22);

    border-bottom: 1px solid rgba(90, 76, 61, 0.22);
}


/* ---------------------------------------------------------
   DATO
   --------------------------------------------------------- */

.difusion-actividad__dato {
    min-height: 100px;

    padding: 1.25rem 1.4rem 1.25rem 0;
}


.difusion-actividad__dato + .difusion-actividad__dato {
    padding-left: 1.4rem;

    border-left: 1px solid rgba(90, 76, 61, 0.22);
}


/* ---------------------------------------------------------
   ETIQUETA
   --------------------------------------------------------- */

.difusion-actividad__label {
    display: block;

    margin-bottom: 0.55rem;

    font-size: 0.58rem;

    line-height: 1.4;

    letter-spacing: 0.14em;

    text-transform: uppercase;

    color: #8a493b;
}


/* ---------------------------------------------------------
   VALOR
   --------------------------------------------------------- */

.difusion-actividad__valor {
    display: block;

    font-size: 0.9rem;

    line-height: 1.5;

    color: #27231f;
}


/* ---------------------------------------------------------
   ACCIONES
   --------------------------------------------------------- */

.difusion-actividad__acciones {
    margin-top: 2.5rem;
}


.difusion-actividad__acciones .difusion-link {
    display: inline-flex;

    align-items: center;

    gap: 0.65rem;

    padding-bottom: 0.45rem;

    border-bottom: 1px solid #8a493b;

    font-size: 0.62rem;

    line-height: 1.4;

    letter-spacing: 0.13em;

    text-transform: uppercase;

    color: #27231f;

    text-decoration: none;

    transition:
        color 180ms ease,
        gap 180ms ease;
}


.difusion-actividad__acciones .difusion-link:hover {
    color: #8a493b;

    gap: 0.9rem;
}


.difusion-actividad__acciones .difusion-link span {
    font-size: 0.9rem;
}


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

@media (max-width: 800px) {

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


    .difusion-actividad__dato:nth-child(3) {
        padding-left: 0;

        border-left: 0;

        border-top: 1px solid rgba(90, 76, 61, 0.22);
    }


    .difusion-actividad__dato:nth-child(4) {
        border-top: 1px solid rgba(90, 76, 61, 0.22);
    }

}


@media (max-width: 540px) {

    .difusion-actividad {
        padding: 2.5rem 0;
    }


    .difusion-actividad__titulo {
        font-size: 2rem;
    }


    .difusion-actividad__datos {
        grid-template-columns: 1fr;
    }


    .difusion-actividad__dato + .difusion-actividad__dato {
        padding-left: 0;

        border-left: 0;

        border-top: 1px solid rgba(90, 76, 61, 0.22);
    }

}

/* =========================================================
   DIFUSIÓN
   FICHA EDITORIAL — AUDIOVISUAL
   ========================================================= */

.difusion-audiovisuales {
    margin-top: 4rem;
}


/* ---------------------------------------------------------
   FICHA
   --------------------------------------------------------- */

.difusion-audiovisual {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.85fr)
        minmax(0, 1.15fr);

    gap: 4rem;

    padding: 3.5rem 0;

    border-top: 1px solid rgba(90, 76, 61, 0.28);
}


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

.difusion-audiovisual__imagen {
    position: relative;

    overflow: hidden;

    aspect-ratio: 16 / 9;

    background: #e9e3d9;
}


.difusion-audiovisual__imagen img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* ---------------------------------------------------------
   CONTENIDO
   --------------------------------------------------------- */

.difusion-audiovisual__contenido {
    display: flex;

    flex-direction: column;

    justify-content: center;
}


/* ---------------------------------------------------------
   TIPO
   --------------------------------------------------------- */

.difusion-audiovisual__tipo {
    margin: 0 0 1rem;

    font-size: 0.58rem;

    line-height: 1.4;

    letter-spacing: 0.16em;

    text-transform: uppercase;

    color: #8a493b;
}


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

.difusion-audiovisual__titulo {
    margin: 0;

    font-family: "Cormorant", Georgia, serif;

    font-size: clamp(2rem, 3vw, 3.2rem);

    font-weight: 400;

    line-height: 1.08;

    letter-spacing: -0.025em;

    color: #191714;
}


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

.difusion-audiovisual__resumen {
    max-width: 620px;

    margin: 1.25rem 0 0;

    font-size: 0.92rem;

    line-height: 1.7;

    color: #665e56;
}


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

.difusion-audiovisual__datos {
    display: grid;

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

    margin-top: 2.5rem;

    border-top: 1px solid rgba(90, 76, 61, 0.22);

    border-bottom: 1px solid rgba(90, 76, 61, 0.22);
}


/* ---------------------------------------------------------
   DATO
   --------------------------------------------------------- */

.difusion-audiovisual__dato {
    min-height: 95px;

    padding: 1.2rem 1.2rem 1.2rem 0;
}


.difusion-audiovisual__dato + .difusion-audiovisual__dato {
    padding-left: 1.2rem;

    border-left: 1px solid rgba(90, 76, 61, 0.22);
}


/* ---------------------------------------------------------
   ETIQUETA
   --------------------------------------------------------- */

.difusion-audiovisual__label {
    display: block;

    margin-bottom: 0.55rem;

    font-size: 0.58rem;

    line-height: 1.4;

    letter-spacing: 0.14em;

    text-transform: uppercase;

    color: #8a493b;
}


/* ---------------------------------------------------------
   VALOR
   --------------------------------------------------------- */

.difusion-audiovisual__valor {
    display: block;

    font-size: 0.9rem;

    line-height: 1.5;

    color: #27231f;
}


/* ---------------------------------------------------------
   ACCIONES
   --------------------------------------------------------- */

.difusion-audiovisual__acciones {
    margin-top: 2.5rem;
}


.difusion-audiovisual__acciones .difusion-link {
    display: inline-flex;

    align-items: center;

    gap: 0.65rem;

    padding-bottom: 0.45rem;

    border-bottom: 1px solid #8a493b;

    font-size: 0.62rem;

    line-height: 1.4;

    letter-spacing: 0.13em;

    text-transform: uppercase;

    color: #27231f;

    text-decoration: none;

    transition:
        color 180ms ease,
        gap 180ms ease;
}


.difusion-audiovisual__acciones .difusion-link:hover {
    color: #8a493b;

    gap: 0.9rem;
}


.difusion-audiovisual__acciones .difusion-link span {
    font-size: 0.9rem;
}


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

@media (max-width: 900px) {

    .difusion-audiovisual {
        grid-template-columns: 1fr;

        gap: 2.5rem;
    }


    .difusion-audiovisual__contenido {
        display: block;
    }

}


@media (max-width: 700px) {

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


    .difusion-audiovisual__dato:nth-child(3) {
        padding-left: 0;

        border-left: 0;

        border-top: 1px solid rgba(90, 76, 61, 0.22);
    }


    .difusion-audiovisual__dato:nth-child(4) {
        border-top: 1px solid rgba(90, 76, 61, 0.22);
    }

}


@media (max-width: 540px) {

    .difusion-audiovisual {
        padding: 2.5rem 0;
    }


    .difusion-audiovisual__titulo {
        font-size: 2rem;
    }


    .difusion-audiovisual__datos {
        grid-template-columns: 1fr;
    }


    .difusion-audiovisual__dato + .difusion-audiovisual__dato {
        padding-left: 0;

        border-left: 0;

        border-top: 1px solid rgba(90, 76, 61, 0.22);
    }

}

/* =========================================================
   DIFUSIÓN
   FICHA EDITORIAL — DIVULGACIÓN
   ========================================================= */

.difusion-divulgaciones {
    margin-top: 4rem;
}


/* ---------------------------------------------------------
   FICHA
   --------------------------------------------------------- */

.difusion-divulgacion {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.9fr)
        minmax(0, 1.1fr);

    gap: 4rem;

    padding: 3.5rem 0;

    border-top: 1px solid rgba(90, 76, 61, 0.28);
}


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

.difusion-divulgacion__imagen {
    position: relative;

    overflow: hidden;

    aspect-ratio: 16 / 9;

    background: #e9e3d9;
}


.difusion-divulgacion__imagen img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* ---------------------------------------------------------
   CONTENIDO
   --------------------------------------------------------- */

.difusion-divulgacion__contenido {
    display: flex;

    flex-direction: column;

    justify-content: center;
}


/* ---------------------------------------------------------
   TIPO
   --------------------------------------------------------- */

.difusion-divulgacion__tipo {
    margin: 0 0 1rem;

    font-size: 0.58rem;

    line-height: 1.4;

    letter-spacing: 0.16em;

    text-transform: uppercase;

    color: #8a493b;
}


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

.difusion-divulgacion__titulo {
    margin: 0;

    font-family: "Cormorant", Georgia, serif;

    font-size: clamp(2rem, 3vw, 3.2rem);

    font-weight: 400;

    line-height: 1.08;

    letter-spacing: -0.025em;

    color: #191714;
}


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

.difusion-divulgacion__resumen {
    max-width: 620px;

    margin: 1.25rem 0 0;

    font-size: 0.92rem;

    line-height: 1.7;

    color: #665e56;
}


/* ---------------------------------------------------------
   DATO
   --------------------------------------------------------- */

.difusion-divulgacion__dato {
    margin-top: 2.5rem;

    padding: 1.2rem 0;

    border-top: 1px solid rgba(90, 76, 61, 0.22);

    border-bottom: 1px solid rgba(90, 76, 61, 0.22);
}


.difusion-divulgacion__label {
    display: block;

    margin-bottom: 0.55rem;

    font-size: 0.58rem;

    line-height: 1.4;

    letter-spacing: 0.14em;

    text-transform: uppercase;

    color: #8a493b;
}


.difusion-divulgacion__valor {
    display: block;

    font-size: 0.9rem;

    line-height: 1.5;

    color: #27231f;
}


/* ---------------------------------------------------------
   ACCIÓN
   --------------------------------------------------------- */

.difusion-divulgacion__acciones {
    margin-top: 2.5rem;
}


.difusion-divulgacion__acciones .difusion-link {
    display: inline-flex;

    align-items: center;

    gap: 0.65rem;

    padding-bottom: 0.45rem;

    border-bottom: 1px solid #8a493b;

    font-size: 0.62rem;

    line-height: 1.4;

    letter-spacing: 0.13em;

    text-transform: uppercase;

    color: #27231f;

    text-decoration: none;

    transition:
        color 180ms ease,
        gap 180ms ease;
}


.difusion-divulgacion__acciones .difusion-link:hover {
    color: #8a493b;

    gap: 0.9rem;
}


.difusion-divulgacion__acciones .difusion-link span {
    font-size: 0.9rem;
}


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

@media (max-width: 900px) {

    .difusion-divulgacion {
        grid-template-columns: 1fr;

        gap: 2.5rem;
    }

}


@media (max-width: 540px) {

    .difusion-divulgacion {
        padding: 2.5rem 0;
    }


    .difusion-divulgacion__titulo {
        font-size: 2rem;
    }

}

/* =========================================================
   SINGLE DIFUSIÓN
   ========================================================= */

.difusion-single {
    max-width: 1200px;
    margin: 0 auto;
    padding: 5rem 3rem 7rem;
}


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.difusion-single__hero {
    padding-bottom: 3rem;

    border-bottom: 1px solid rgba(90, 76, 61, 0.28);
}


.difusion-single__hero-inner {
    max-width: 900px;
}


.difusion-single__eyebrow {
    margin: 0 0 1rem;

    font-size: 0.58rem;
    line-height: 1.4;

    letter-spacing: 0.16em;

    text-transform: uppercase;

    color: #8a493b;
}


.difusion-single__title {
    margin: 0;

    font-family: "Cormorant", Georgia, serif;

    font-size: clamp(3rem, 6vw, 5.5rem);

    font-weight: 400;

    line-height: 0.98;

    letter-spacing: -0.035em;

    color: #191714;
}


.difusion-single__subtitle {
    margin: 1.5rem 0 0;

    font-size: 1rem;

    line-height: 1.6;

    color: #665e56;
}


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

.difusion-single__body {
    display: grid;

    grid-template-columns:
        minmax(0, 1.5fr)
        minmax(260px, 0.5fr);

    gap: 5rem;

    padding-top: 4rem;
}


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

.difusion-single__image {
    margin: 0 0 2.5rem;
}


.difusion-single__image img {
    display: block;

    width: 100%;
    height: auto;
}


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

.difusion-single__summary {
    max-width: 780px;

    margin-bottom: 2.5rem;

    font-family: "Cormorant", Georgia, serif;

    font-size: 1.5rem;

    line-height: 1.45;

    color: #27231f;
}


/* ---------------------------------------------------------
   CONTENIDO
   --------------------------------------------------------- */

.difusion-single__content {
    max-width: 780px;

    font-size: 0.95rem;

    line-height: 1.8;

    color: #4f4943;
}


.difusion-single__content p {
    margin: 0 0 1.4rem;
}


.difusion-single__content h2,
.difusion-single__content h3 {
    font-family: "Cormorant", Georgia, serif;

    font-weight: 400;

    color: #191714;
}


/* ---------------------------------------------------------
   INFORMACIÓN
   --------------------------------------------------------- */

.difusion-single__aside {
    align-self: start;
}


.difusion-single__meta {
    border-top: 1px solid rgba(90, 76, 61, 0.22);
}


.difusion-single__meta-item {
    padding: 1.1rem 0;

    border-bottom: 1px solid rgba(90, 76, 61, 0.22);
}


.difusion-single__meta-label {
    display: block;

    margin-bottom: 0.45rem;

    font-size: 0.56rem;

    line-height: 1.4;

    letter-spacing: 0.14em;

    text-transform: uppercase;

    color: #8a493b;
}


.difusion-single__meta-value {
    display: block;

    font-size: 0.88rem;

    line-height: 1.5;

    color: #27231f;
}


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

.difusion-single__action {
    margin-top: 2.5rem;
}


.difusion-single__link {
    display: inline-flex;

    align-items: center;

    gap: 0.65rem;

    padding-bottom: 0.45rem;

    border-bottom: 1px solid #8a493b;

    font-size: 0.62rem;

    line-height: 1.4;

    letter-spacing: 0.13em;

    text-transform: uppercase;

    color: #27231f;

    text-decoration: none;

    transition:
        color 180ms ease,
        gap 180ms ease;
}


.difusion-single__link:hover {
    color: #8a493b;

    gap: 0.9rem;
}


.difusion-single__link span {
    font-size: 0.9rem;
}


/* ---------------------------------------------------------
   VOLVER
   --------------------------------------------------------- */

.difusion-single__back {
    margin-top: 4rem;
}


.difusion-single__back a {
    font-size: 0.6rem;

    line-height: 1.4;

    letter-spacing: 0.12em;

    text-transform: uppercase;

    color: #665e56;

    text-decoration: none;
}


.difusion-single__back a:hover {
    color: #8a493b;
}


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

@media (max-width: 900px) {

    .difusion-single {
        padding: 4rem 2rem 5rem;
    }


    .difusion-single__body {
        grid-template-columns: 1fr;

        gap: 3rem;
    }


    .difusion-single__aside {
        max-width: 600px;
    }

}


@media (max-width: 540px) {

    .difusion-single {
        padding: 3rem 1.5rem 4rem;
    }


    .difusion-single__title {
        font-size: 3rem;
    }


    .difusion-single__summary {
        font-size: 1.3rem;
    }

}