/* ==================================================
   RECURSOS
   Diseño editorial premium
================================================== */


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

.resources-hero,
.resources-editorial-featured,
.resources-page-topics,
.resources-publications,
.service-cta{

    width:100%;
    max-width:100%;

}

.resources-hero *,
.resources-editorial-featured *,
.resources-page-topics *,
.resources-publications *,
.service-cta *{

    min-width:0;

}


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

.resources-hero{

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

    margin:0 auto;

    padding:165px 40px 110px;

    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
    gap:78px;
    align-items:center;

    background:#FFFFFF;

}


.resources-hero-content{

    max-width:760px;

}

.resources-hero .page-hero-kicker{
    display:inline-block;

    margin-bottom:24px;

    color:var(--color-primary);

    font-size:12px;
    font-weight:800;
    line-height:1.5;
    letter-spacing:3px;
    text-transform:uppercase;
}

.resources-hero h1{

    max-width:760px;

    margin:0 0 28px;

    color:#17263F;

    font-size:62px;
    line-height:1.08;
    letter-spacing:-2.8px;
    font-weight:700;

}


.resources-hero p{

    max-width:680px;

    margin:0;

    color:#667085;

    font-size:18px;
    line-height:1.85;

}


.resources-hero-actions{

    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:16px;

    margin-top:36px;

}


.resources-hero-image{

    position:relative;

    width:100%;
    max-width:610px;
    aspect-ratio:3 / 2;

    margin-left:auto;

    overflow:visible;

    border-radius:30px;

    background:#F7F4ED;

    box-shadow:0 30px 80px rgba(23,38,63,.08);

}

.resources-hero-image::before{
    content:"";

    position:absolute;

    top:-18px;
    right:-18px;

    width:110px;
    height:110px;

    border-top:2px solid rgba(202,157,33,.40);
    border-right:2px solid rgba(202,157,33,.40);
    border-radius:0 28px 0 0;

    pointer-events:none;
}

.resources-hero-image::after{

    content:"";

    position:absolute;

    inset:0;

    border:1px solid rgba(202,157,33,.18);
    border-radius:inherit;

    pointer-events:none;

}


.resources-hero-image img{

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

}


/* ==================================================
   CABECERAS EDITORIALES
================================================== */

.resources-editorial-heading{

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

    margin:0 auto 68px;

    text-align:center;

}


.resources-editorial-heading h2,
.resources-topics-intro h2,
.resources-publications-header h2{

    margin:0;

    color:#17263F;

    font-size:52px;
    line-height:1.08;
    letter-spacing:-2px;
    font-weight:700;

}


.resources-editorial-heading p,
.resources-topics-intro p,
.resources-publications-header p{

    color:#667085;

    font-size:17px;
    line-height:1.85;

}


/* ==================================================
   SELECCIÓN LIRO
================================================== */

.resources-editorial-featured{

    padding:120px 40px 130px;

    background:#FAF7F1;

}


.resources-editorial-layout{

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

    margin:0 auto;

    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
    gap:34px;

    align-items:stretch;

}


/* ARTÍCULO PRINCIPAL */

.resources-editorial-main{

    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);

    min-height:500px;

    overflow:hidden;

    background:#FFFFFF;

    border:1px solid #E5DDCE;
    border-radius:30px;

    box-shadow:0 22px 60px rgba(23,38,63,.06);

}


.resources-editorial-main-image{

    display:block;

    height:100%;

    overflow:hidden;

    background:#EFEAE1;

}


.resources-editorial-main-image img{

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:transform .5s ease;

}


.resources-editorial-main:hover .resources-editorial-main-image img{

    transform:scale(1.025);

}


.resources-editorial-main-content{

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:46px 42px;

}


.resources-editorial-category{

    display:block;

    margin-bottom:18px;

    color:var(--color-primary);

    font-size:11px;
    font-weight:800;
    letter-spacing:1.8px;
    text-transform:uppercase;

}


.resources-editorial-main h3{

    margin:0 0 22px;

    font-family:"Cormorant Garamond",serif;
    font-size:42px;
    line-height:1.08;
    font-weight:650;

}


.resources-editorial-main h3 a{

    color:#17263F;

}


.resources-editorial-main p{

    margin:0 0 30px;

    color:#667085;

    font-size:16px;
    line-height:1.8;

}


.resources-editorial-link{

    display:inline-flex;
    align-items:center;

    gap:12px;

    margin-top:auto;

    color:#17263F;

    font-size:14px;
    font-weight:800;

}


.resources-editorial-link i{

    color:var(--color-primary);

    transition:transform .25s ease;

}


.resources-editorial-link:hover{

    color:var(--color-primary);

}


.resources-editorial-link:hover i{

    transform:translateX(4px);

}


/* SECUNDARIOS */

.resources-editorial-secondary{

    display:grid;
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:22px;

}


.resources-editorial-secondary-item{

    display:flex;
    flex-direction:column;

    padding:34px 32px;

    background:#FFFFFF;

    border:1px solid #E5DDCE;
    border-radius:26px;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;

}


.resources-editorial-secondary-item:hover{

    transform:translateY(-4px);

    border-color:rgba(202,157,33,.5);

    box-shadow:0 20px 45px rgba(23,38,63,.06);

}


.resources-editorial-secondary-item h3{

    margin:0 0 16px;

    font-family:"Cormorant Garamond",serif;
    font-size:31px;
    line-height:1.13;
    font-weight:650;

}


.resources-editorial-secondary-item h3 a{

    color:#17263F;

}


.resources-editorial-secondary-item p{

    margin:0 0 24px;

    color:#667085;

    font-size:15px;
    line-height:1.75;

}


/* ==================================================
   EXPLORA POR TEMÁTICA
================================================== */

.resources-page-topics{

    position:static !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    z-index:auto !important;
    transform:none !important;

    padding:125px 40px;

    overflow:visible;

    background:#FFFFFF;

}


.resources-topics-container{

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

    margin:0 auto;

    display:grid;
    grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
    gap:100px;

    align-items:start;

}


.resources-topics-intro{

    max-width:430px;

}


.resources-topics-intro h2{

    margin-top:12px;

}


.resources-topics-intro p{

    margin:24px 0 0;

}


.resources-topics-nav{

    width:100%;

    border-top:1px solid #E4DED2;

}


.resources-topic-link{

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:24px;

    width:100%;

    padding:23px 2px;

    border-bottom:1px solid #E4DED2;

    color:#17263F;

    font-size:17px;
    font-weight:700;

    transition:
        color .25s ease,
        padding-left .25s ease;

}


.resources-topic-link i{

    flex:0 0 auto;

    color:var(--color-primary);

    font-size:13px;

    transition:transform .25s ease;

}


.resources-topic-link:hover{

    padding-left:8px;

    color:var(--color-primary);

}


.resources-topic-link:hover i{

    transform:translateX(4px);

}


/* ==================================================
   ÚLTIMAS PUBLICACIONES
================================================== */

.resources-publications{

    padding:120px 40px 130px;

    background:#FAF7F1;

}


.resources-publications-container{

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

    margin:0 auto;

}


.resources-publications-header{

    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.6fr);
    gap:70px;
    align-items:end;

    margin-bottom:64px;

}


.resources-publications-header h2{

    max-width:720px;

    margin-top:12px;

}


.resources-publications-header p{

    max-width:500px;

    margin:0;

}


.resources-publications-list{

    width:100%;

    border-top:1px solid #D9D1C3;

}


.resources-publication{

    position:relative;

    display:grid;
    grid-template-columns:210px minmax(0,1fr) minmax(260px,.55fr) 44px;
    gap:30px;
    align-items:center;

    padding:34px 0;

    border-bottom:1px solid #D9D1C3;

}


.resources-publication-meta{

    display:flex;
    flex-direction:column;

    gap:9px;

}


.resources-publication-category{

    color:var(--color-primary);

    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;

}


.resources-publication time{

    color:#8A8F98;

    font-size:12px;
    font-weight:650;
    letter-spacing:.5px;

}


.resources-publication h3{

    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:31px;
    line-height:1.14;
    font-weight:650;

}


.resources-publication h3 a{

    color:#17263F;

    transition:color .25s ease;

}


.resources-publication p{

    margin:0;

    color:#667085;

    font-size:15px;
    line-height:1.75;

}


.resources-publication-arrow{

    width:42px;
    height:42px;

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

    border:1px solid #DFD6C7;
    border-radius:50%;

    color:var(--color-primary);

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;

}


.resources-publication:hover h3 a{

    color:var(--color-primary);

}


.resources-publication:hover .resources-publication-arrow{

    transform:translateX(3px);

    background:#FFFFFF;
    border-color:var(--color-primary);

}


.resources-publications-footer{

    display:flex;
    justify-content:flex-end;

    margin-top:38px;

}


.resources-publications-all{

    display:inline-flex;
    align-items:center;

    gap:12px;

    padding-bottom:6px;

    border-bottom:1px solid var(--color-primary);

    color:#17263F;

    font-size:14px;
    font-weight:800;

}


.resources-publications-all i{

    color:var(--color-primary);

    transition:transform .25s ease;

}


.resources-publications-all:hover{

    color:var(--color-primary);

}


.resources-publications-all:hover i{

    transform:translateX(4px);

}


/* ==================================================
   CTA
================================================== */

.service-cta{

    padding:110px 40px 120px;

    background:#FFFFFF;

}


.service-cta-content{

    max-width:920px;

    margin:0 auto;
    padding:68px 58px;

    text-align:center;

    background:#FAF7F1;

    border:1px solid #E8DDC4;
    border-radius:30px;

    box-shadow:0 22px 58px rgba(23,38,63,.05);

}


.service-cta h2{

    max-width:780px;

    margin:0 auto 22px;

    color:#17263F;

    font-size:50px;
    line-height:1.1;
    letter-spacing:-1.8px;

}


.service-cta p{

    max-width:680px;

    margin:0 auto 36px;

    color:#667085;

    font-size:17px;
    line-height:1.8;

}


.service-cta-buttons{

    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;

    gap:14px;

}


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

@media(max-width:1100px){

    .resources-hero{

        grid-template-columns:minmax(0,1fr) minmax(350px,.85fr);

        gap:50px;

        padding:145px 30px 90px;

    }


    .resources-hero h1{

        font-size:51px;
        letter-spacing:-2.1px;

    }


    .resources-editorial-layout{

        grid-template-columns:1fr;

    }


    .resources-editorial-secondary{

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

    }


    .resources-topics-container{

        gap:60px;

    }


    .resources-publication{

        grid-template-columns:170px minmax(0,1fr) 44px;

    }


    .resources-publication p{

        display:none;

    }

}


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

@media(max-width:768px){

    .resources-hero{

        padding:130px 22px 75px;

        grid-template-columns:minmax(0,1fr);
        gap:42px;

    }


    .resources-hero h1{

        font-size:40px;
        line-height:1.09;
        letter-spacing:-1.6px;

    }


    .resources-hero p{

        font-size:17px;

    }


    .resources-hero-actions{

        flex-direction:column;
        align-items:stretch;

    }


    .resources-hero-actions a{

        width:100%;

        text-align:center;

    }


    .resources-hero-image{

        width:100%;
        max-width:none;

        margin:0;

        border-radius:24px;

    }


    .resources-editorial-featured,
    .resources-page-topics,
    .resources-publications,
    .service-cta{

        padding-left:22px;
        padding-right:22px;

    }


    .resources-editorial-featured{

        padding-top:88px;
        padding-bottom:95px;

    }


    .resources-editorial-heading{

        margin-bottom:46px;

        text-align:left;

    }


    .resources-editorial-heading h2,
    .resources-topics-intro h2,
    .resources-publications-header h2{

        font-size:38px;
        line-height:1.12;
        letter-spacing:-1.2px;

    }


    .resources-editorial-main{

        grid-template-columns:1fr;

        min-height:auto;

    }


    .resources-editorial-main-image{

        aspect-ratio:16 / 10;

    }


    .resources-editorial-main-content{

        padding:34px 26px;

    }


    .resources-editorial-main h3{

        font-size:34px;

    }


    .resources-editorial-secondary{

        grid-template-columns:1fr;

    }


    .resources-editorial-secondary-item{

        padding:30px 25px;

    }


    .resources-page-topics{

        padding-top:90px;
        padding-bottom:90px;

    }


    .resources-topics-container{

        grid-template-columns:1fr;
        gap:46px;

    }


    .resources-topics-intro{

        max-width:100%;

    }


    .resources-publications{

        padding-top:88px;
        padding-bottom:95px;

    }


    .resources-publications-header{

        grid-template-columns:1fr;
        gap:24px;

        margin-bottom:46px;

    }


    .resources-publication{

        grid-template-columns:1fr 42px;

        gap:16px 20px;

        padding:28px 0;

    }


    .resources-publication-meta{

        grid-column:1 / -1;

    }


    .resources-publication h3{

        font-size:28px;

    }


    .resources-publication-arrow{

        align-self:center;

    }


    .resources-publications-footer{

        justify-content:flex-start;

    }


    .service-cta{

        padding-top:82px;
        padding-bottom:88px;

    }


    .service-cta-content{

        padding:48px 28px;

        border-radius:24px;

    }


    .service-cta h2{

        font-size:38px;
        letter-spacing:-1.2px;

    }


    .service-cta-buttons{

        flex-direction:column;
        align-items:stretch;

    }


    .service-cta-buttons a{

        width:100%;

    }

}


/* ==================================================
   MÓVIL PEQUEÑO
================================================== */

@media(max-width:480px){

    .resources-hero,
    .resources-editorial-featured,
    .resources-page-topics,
    .resources-publications,
    .service-cta{

        padding-left:18px;
        padding-right:18px;

    }


    .resources-hero h1{

        font-size:37px;
        letter-spacing:-1.3px;

    }


    .resources-editorial-main-content,
    .resources-editorial-secondary-item,
    .service-cta-content{

        padding-left:22px;
        padding-right:22px;

    }

}

/* ==================================================
   CATEGORÍAS DE RECURSOS
   Hero editorial
================================================== */

.resources-category .resources-hero {
    display: block;

    max-width: 1180px;

    padding-top: 165px;
    padding-bottom: 100px;
}

.resources-category .resources-hero-content {
    position: relative;

    max-width: 920px;

    padding-left: 54px;

    border-left: 1px solid rgba(202, 157, 33, .35);
}

.resources-category .resources-hero-content::before {
    content: "";

    position: absolute;

    top: 0;
    left: -1px;

    width: 1px;
    height: 72px;

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

.resources-category .resources-hero h1 {
    max-width: 900px;

    font-size: 58px;
}

.resources-category .resources-hero p {
    max-width: 760px;
}


/* TABLET */

@media (max-width: 1100px) {

    .resources-category .resources-hero {
        padding-top: 145px;
        padding-bottom: 90px;
    }

    .resources-category .resources-hero h1 {
        font-size: 51px;
    }

}


/* MÓVIL */

@media (max-width: 768px) {

    .resources-category .resources-hero {
        padding: 130px 22px 75px;
    }

    .resources-category .resources-hero-content {
        padding-left: 24px;
    }

    .resources-category .resources-hero h1 {
        font-size: 40px;
    }

}


/* MÓVIL PEQUEÑO */

@media (max-width: 480px) {

    .resources-category .resources-hero {
        padding-left: 18px;
        padding-right: 18px;
    }

    .resources-category .resources-hero h1 {
        font-size: 37px;
    }

}