/* =========================================================
   INSIGHTS — HOST-N-WEB N2
   ========================================================= */


/* =========================================================
   767 — RECUPERAR AIRE SUPERIOR
   ========================================================= */

@media only screen and (min-width:767px) and (max-width:767.98px) {

    #Content > .section.mcb-section:first-child {
        padding-top:205px !important;
    }

}


/* =========================================================
   DESTACADOS — TABLET / INTERMEDIO
   Mantener apilado hasta 1023
   ========================================================= */

@media only screen and (min-width:768px) and (max-width:1023.98px) {

    #insights-featured-grid {
        display:flex !important;
        flex-direction:column !important;
    }

    #insights-featured-grid > .col-md-7,
    #insights-featured-grid > .col-md-5 {
        flex:0 0 100% !important;
        width:100% !important;
        max-width:100% !important;
    }

    #insights-featured-grid > .col-md-7 {
        margin-bottom:35px !important;
    }

}


/* =========================================================
   DESDE 1024 — DOS COLUMNAS NATIVAS
   ========================================================= */

@media only screen and (min-width:1024px) {

    #insights-featured-grid > .col-md-7 {
        flex:0 0 58.333333% !important;
        max-width:58.333333% !important;
    }

    #insights-featured-grid > .col-md-5 {
        flex:0 0 41.666667% !important;
        max-width:41.666667% !important;
    }

}

/* =========================================================
   INSIGHTS — CIERRE
   ========================================================= */

.hnw-insights-close {
    position:relative;

    padding:105px 0;

    background:
        radial-gradient(
            circle at 78% 45%,
            rgba(32,81,123,.28) 0%,
            rgba(32,81,123,0) 36%
        ),
        linear-gradient(
            180deg,
            #1a364d 0%,
            #030b11 100%
        );

    color:#fff;
    overflow:hidden;
}

.hnw-insights-close__layout {
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);
    gap:95px;
    align-items:center;
}


/* CONTENIDO */

.hnw-insights-close__eyebrow {
    display:block;

    margin-bottom:18px;

    color:#F25555;

    font-size:10px;
    line-height:1;
    font-weight:800;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.hnw-insights-close__content h2 {
    max-width:660px;

    margin:0;

    color:#fff;

    font-family:'Poppins',sans-serif;
    font-size:42px;
    line-height:1.12;
    font-weight:700;
    letter-spacing:-1.2px;
}

.hnw-insights-close__content h2 span {
    display:block;

    color:#9bc6e4;

    font-weight:500;
}

.hnw-insights-close__content > p {
    max-width:590px;

    margin:27px 0 0;

    color:rgba(255,255,255,.58);

    font-size:14px;
    line-height:1.75;
}


/* BOTONES */

.hnw-insights-close__actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;

    margin-top:37px;
}

.hnw-insights-close__btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:48px;

    padding:0 25px;

    border-radius:7px;

    font-family:'Poppins',sans-serif;
    font-size:11px;
    line-height:1;
    font-weight:700;

    text-decoration:none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease;
}

.hnw-insights-close__btn--primary {
    border:1px solid #F25555;

    background:#F25555;

    color:#fff !important;
}

.hnw-insights-close__btn--primary:hover {
    background:#df4747;
    border-color:#df4747;

    color:#fff !important;

    transform:translateY(-2px);
}

.hnw-insights-close__btn--secondary {
    border:1px solid rgba(255,255,255,.25);

    background:transparent;

    color:#fff !important;
}

.hnw-insights-close__btn--secondary:hover {
    border-color:#fff;

    background:#fff;

    color:#0F2738 !important;

    transform:translateY(-2px);
}


/* RECORRIDO */

.hnw-insights-close__route {
    min-width:0;

    padding-left:42px;

    border-left:1px solid rgba(255,255,255,.12);
}

.hnw-insights-close__step {
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:20px;
    align-items:center;
}

.hnw-insights-close__step > span {
    display:flex;
    align-items:center;
    justify-content:center;

    width:52px;
    height:52px;

    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;

    color:#F25555;

    font-size:11px;
    line-height:1;
    font-weight:800;
}

.hnw-insights-close__step small {
    display:block;

    margin-bottom:5px;

    color:rgba(255,255,255,.35);

    font-size:8px;
    line-height:1;
    font-weight:800;
    letter-spacing:.9px;
}

.hnw-insights-close__step strong {
    display:block;

    color:#fff;

    font-family:'Poppins',sans-serif;
    font-size:19px;
    line-height:1.2;
    font-weight:700;
}

.hnw-insights-close__step p {
    margin:6px 0 0;

    color:rgba(255,255,255,.50);

    font-size:12px;
    line-height:1.5;
}

.hnw-insights-close__line {
    width:1px;
    height:25px;

    margin:7px 0 7px 25px;

    background:rgba(255,255,255,.12);
}


/* =========================================================
   TABLET
   ========================================================= */

@media only screen and (min-width:767px) and (max-width:1023.98px) {

    .hnw-insights-close {
        padding:90px 0;
    }

    .hnw-insights-close__layout {
        grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);
        gap:55px;
    }

    .hnw-insights-close__content h2 {
        font-size:35px;
    }

    .hnw-insights-close__route {
        padding-left:28px;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media only screen and (max-width:766.98px) {

    .hnw-insights-close {
        padding:75px 0 80px;
    }

    .hnw-insights-close__layout {
        display:block;
    }

    .hnw-insights-close__content {
        text-align:center;
    }

    .hnw-insights-close__content h2 {
        margin-left:auto;
        margin-right:auto;

        font-size:30px;
        line-height:1.16;
        letter-spacing:-.7px;
    }

    .hnw-insights-close__content h2 span {
        display:inline;
    }

    .hnw-insights-close__content > p {
        margin-left:auto;
        margin-right:auto;

        font-size:13px;
    }

    .hnw-insights-close__actions {
        flex-direction:column;
        align-items:center;

        margin-top:30px;
    }

    .hnw-insights-close__btn {
        width:100%;
        max-width:320px;
    }

    .hnw-insights-close__route {
        max-width:420px;

        margin:55px auto 0;
        padding:38px 0 0;

        border-left:0;
        border-top:1px solid rgba(255,255,255,.12);

        text-align:left;
    }

}

/* =========================================================
   ARTÍCULOS INSIGHTS — CIERRE INSTITUCIONAL
   ========================================================= */

.hnw-insights-agency-close {
    position:relative;
    padding:105px 0;

    background:
        radial-gradient(
            circle at 78% 48%,
            rgba(32,81,123,.28) 0%,
            rgba(32,81,123,0) 38%
        ),
        linear-gradient(
            180deg,
            #1a364d 0%,
            #030b11 100%
        );

    color:#fff;
    overflow:hidden;
}

.hnw-insights-agency-close__layout {
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);
    gap:95px;
    align-items:center;
}


/* CONTENIDO */

.hnw-insights-agency-close__eyebrow {
    display:block;

    margin-bottom:18px;

    color:#F25555;

    font-size:10px;
    line-height:1;
    font-weight:800;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.hnw-insights-agency-close__content h2 {
    max-width:620px;

    margin:0;

    color:#fff;

    font-family:'Poppins',sans-serif;
    font-size:42px;
    line-height:1.12;
    font-weight:700;
    letter-spacing:-1.2px;
}

.hnw-insights-agency-close__content h2 span {
    display:block;

    color:#9bc6e4;

    font-weight:500;
}

.hnw-insights-agency-close__content > p {
    max-width:580px;

    margin:27px 0 0;

    color:rgba(255,255,255,.58);

    font-size:14px;
    line-height:1.75;
}


/* ACCIONES */

.hnw-insights-agency-close__actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;

    margin-top:37px;
}

.hnw-insights-agency-close__btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:48px;

    padding:0 25px;

    border-radius:7px;

    font-family:'Poppins',sans-serif;
    font-size:11px;
    line-height:1;
    font-weight:700;

    text-decoration:none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease;
}

.hnw-insights-agency-close__btn--primary {
    border:1px solid #F25555;
    background:#F25555;
    color:#fff !important;
}

.hnw-insights-agency-close__btn--primary:hover {
    background:#df4747;
    border-color:#df4747;
    color:#fff !important;
    transform:translateY(-2px);
}

.hnw-insights-agency-close__btn--secondary {
    border:1px solid rgba(255,255,255,.25);
    background:transparent;
    color:#fff !important;
}

.hnw-insights-agency-close__btn--secondary:hover {
    border-color:#fff;
    background:#fff;
    color:#0F2738 !important;
    transform:translateY(-2px);
}


/* EVIDENCIAS */

.hnw-insights-agency-close__proof {
    min-width:0;

    padding-left:42px;

    border-left:1px solid rgba(255,255,255,.12);
}

.hnw-insights-agency-close__item {
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:22px;
    align-items:center;

    padding:25px 0;

    border-bottom:1px solid rgba(255,255,255,.11);
}

.hnw-insights-agency-close__item:first-child {
    padding-top:0;
}

.hnw-insights-agency-close__item:last-child {
    padding-bottom:0;
    border-bottom:0;
}

.hnw-insights-agency-close__icon {
    display:flex;
    align-items:center;
    justify-content:center;

    width:54px;
    height:54px;

    background:transparent;
    border:0;
    border-radius:0;

    color:#fff;
}

.hnw-insights-agency-close__icon svg {
    width:54px;
    height:54px;

    fill:none;
    stroke:#ccd1d6;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.hnw-insights-agency-close__icon--partner {
    background:transparent;
    border-color:transparent;
}

.hnw-insights-agency-close__icon--partner img {
    display:block;

    width:auto;
    height:48px;
    max-width:58px;

    object-fit:contain;
}

.hnw-insights-agency-close__item strong {
    display:block;

    margin-bottom:5px;

    color:#fff;

    font-size:14px;
    line-height:1.3;
    font-weight:700;
}

.hnw-insights-agency-close__item span {
    display:block;

    color:rgba(255,255,255,.48);

    font-size:12px;
    line-height:1.55;
}


/* =========================================================
   TABLET
   ========================================================= */

@media only screen and (min-width:767px) and (max-width:991.98px) {

    .hnw-insights-agency-close {
        padding:90px 0;
    }

    .hnw-insights-agency-close__layout {
        grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);
        gap:55px;
    }

    .hnw-insights-agency-close__content h2 {
        font-size:35px;
    }

    .hnw-insights-agency-close__proof {
        padding-left:28px;
    }

    .hnw-insights-agency-close__item {
        grid-template-columns:66px minmax(0,1fr);
        gap:16px;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media only screen and (max-width:766.98px) {

    .hnw-insights-agency-close {
        padding:75px 0 80px;
    }

    .hnw-insights-agency-close__layout {
        display:block;
    }

    .hnw-insights-agency-close__content {
        text-align:center;
    }

    .hnw-insights-agency-close__content h2 {
        margin-left:auto;
        margin-right:auto;

        font-size:30px;
        line-height:1.16;
        letter-spacing:-.7px;
    }

    .hnw-insights-agency-close__content h2 span {
        display:inline;
    }

    .hnw-insights-agency-close__content > p {
        margin-left:auto;
        margin-right:auto;

        font-size:13px;
    }

    .hnw-insights-agency-close__actions {
        flex-direction:column;
        align-items:center;

        margin-top:30px;
    }

    .hnw-insights-agency-close__btn {
        width:100%;
        max-width:320px;
    }

    .hnw-insights-agency-close__proof {
        max-width:420px;

        margin:55px auto 0;
        padding:35px 0 0;

        border-left:0;
        border-top:1px solid rgba(255,255,255,.12);

        text-align:left;
    }

    .hnw-insights-agency-close__item {
        grid-template-columns:64px minmax(0,1fr);
        gap:17px;
    }

}


@media only screen and (min-width:767px) and (max-width:767.98px) {

    .section-toc > .container > .row > .col-md-3 {
        flex:0 0 25% !important;
        width:25% !important;
        max-width:25% !important;
    }

    .section-toc > .container > .row > .col-md-9 {
        flex:0 0 75% !important;
        width:75% !important;
        max-width:75% !important;
    }

}