.elementor-15657 .elementor-element.elementor-element-f263718{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15657 .elementor-element.elementor-element-15dbe95{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:120px;--padding-right:120px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-15657 .elementor-element.elementor-element-17d7ba6{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-15657 .elementor-element.elementor-element-17d7ba6:after{content:"0.66";}.elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-post__thumbnail__link{width:100%;}.elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-post__meta-data span + span:before{content:"•";}.elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-post__text{margin-top:20px;}.elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-post__badge{right:0;}.elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-pagination{text-align:center;margin-top:23px;}body:not(.rtl) .elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 18px/2 );}body:not(.rtl) .elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 18px/2 );}body.rtl .elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 18px/2 );}body.rtl .elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 18px/2 );}.elementor-15657 .elementor-element.elementor-element-41ab483{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15657 .elementor-element.elementor-element-60620e2{width:100%;max-width:100%;}@media(max-width:767px){.elementor-15657 .elementor-element.elementor-element-f263718{--min-height:0px;}.elementor-15657 .elementor-element.elementor-element-15dbe95{--min-height:0px;}.elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-15657 .elementor-element.elementor-element-17d7ba6:after{content:"0.5";}.elementor-15657 .elementor-element.elementor-element-17d7ba6 .elementor-post__thumbnail__link{width:100%;}.elementor-15657 .elementor-element.elementor-element-41ab483{--min-height:0px;}}/* Start custom CSS for html, class: .elementor-element-60620e2 *//* ==========================================================
   PUNTO LEGAL — BLOG
   CSS COMPLETO
   HTML 1 → WIDGET POSTS → HTML 2
========================================================== */

.pl-blog-page {

    --pl-navy: #071a2d;
    --pl-navy-2: #0c263e;
    --pl-navy-3: #11334f;

    --pl-green: #76AA3D;
    --pl-green-dark: #5f8f2f;
    --pl-green-soft: #9ccc69;

    --pl-white: #ffffff;

    --pl-soft: #f5f7f8;
    --pl-soft-green: #f5f8f2;

    --pl-text: #263442;
    --pl-muted: #687684;

    --pl-border: #e1e8ec;

    width: 100%;
    overflow: hidden;

    color: var(--pl-text);
    background: #ffffff;
}


/* ==========================================================
   RESET INTERNO
========================================================== */

.pl-blog-page *,
.pl-blog-page *::before,
.pl-blog-page *::after {
    box-sizing: border-box;
}


.pl-blog-page a {
    text-decoration: none;
}


.pl-blog-page img {
    max-width: 100%;
}


.pl-blog-container {

    width: min(1180px, calc(100% - 48px));

    margin-left: auto;
    margin-right: auto;
}


/* ==========================================================
   EYEBROW / LABEL
========================================================== */

.pl-blog-eyebrow {

    display: block;

    margin-bottom: 22px;

    color: var(--pl-green);

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

    line-height: 1.2;

    letter-spacing: 2.3px;

    text-transform: uppercase;
}


.pl-blog-eyebrow--light {
    color: var(--pl-green-soft);
}


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

.pl-blog-hero {

    position: relative;

    min-height: 720px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background: var(--pl-navy);
}


/* HERO IMAGE */

.pl-blog-hero__media {

    position: absolute;

    inset: 0;

    z-index: 0;
}


.pl-blog-hero__image {

    width: 100%;
    height: 100%;

    display: block;

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

    transform: scale(1.015);
}


/* HERO OVERLAY */

.pl-blog-hero__overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(7,26,45,.97) 0%,
            rgba(7,26,45,.92) 38%,
            rgba(7,26,45,.73) 65%,
            rgba(7,26,45,.48) 100%
        );
}


/* HERO CONTENT */

.pl-blog-hero__inner {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(300px, .55fr);

    align-items: center;

    gap: 100px;

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


.pl-blog-hero__content {

    max-width: 760px;
}


.pl-blog-hero h1 {

    margin: 0 0 30px;

    max-width: 790px;

    color: #ffffff;

    font-size: clamp(48px, 5vw, 76px);

    font-weight: 700;

    line-height: 1.02;

    letter-spacing: -2.8px;
}


.pl-blog-hero h1 span {

    display: block;

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


.pl-blog-hero__content > p {

    max-width: 660px;

    margin: 0;

    color: rgba(255,255,255,.77);

    font-size: 17px;

    line-height: 1.85;
}


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

.pl-blog-hero__actions {

    display: flex;

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 40px;
}


.pl-blog-btn {

    min-height: 54px;

    display: inline-flex;

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

    gap: 18px;

    padding: 0 26px;

    border-radius: 8px;

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

    letter-spacing: .4px;

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


.pl-blog-btn span {

    font-size: 19px;

    line-height: 1;

    transition: transform .3s ease;
}


.pl-blog-btn:hover span {
    transform: translateX(4px);
}


/* GREEN BUTTON */

.pl-blog-btn--green {

    color: #ffffff !important;

    background: var(--pl-green);

    border: 1px solid var(--pl-green);
}


.pl-blog-btn--green:hover {

    color: #ffffff !important;

    background: var(--pl-green-dark);

    border-color: var(--pl-green-dark);

    transform: translateY(-2px);
}


/* OUTLINE BUTTON */

.pl-blog-btn--outline {

    color: #ffffff !important;

    background: rgba(255,255,255,.04);

    border: 1px solid rgba(255,255,255,.30);

    backdrop-filter: blur(6px);
}


.pl-blog-btn--outline:hover {

    color: #ffffff !important;

    background: rgba(255,255,255,.10);

    border-color: rgba(255,255,255,.60);

    transform: translateY(-2px);
}


/* ==========================================================
   HERO SIDE INFO
========================================================== */

.pl-blog-hero__side {

    border-left: 1px solid rgba(255,255,255,.18);

    padding-left: 42px;
}


.pl-blog-hero-info {

    display: flex;

    align-items: center;

    gap: 18px;

    padding: 24px 0;

    border-bottom: 1px solid rgba(255,255,255,.13);
}


.pl-blog-hero-info:last-child {
    border-bottom: 0;
}


/* ICON */

.pl-blog-hero-info__icon {

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;

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

    border: 1px solid rgba(118,170,61,.50);

    border-radius: 50%;

    background: rgba(118,170,61,.10);

    color: var(--pl-green-soft);
}


.pl-blog-hero-info__icon svg {

    width: 22px;
    height: 22px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.pl-blog-hero-info strong {

    display: block;

    margin-bottom: 5px;

    color: #ffffff !important;

    font-size: 14px;
    font-weight: 700;
}


.pl-blog-hero-info div > span {

    display: block;

    color: rgba(255,255,255,.60);

    font-size: 12px;

    line-height: 1.5;
}


/* ==========================================================
   BREADCRUMB
========================================================== */

.pl-blog-breadcrumb {

    padding: 20px 0;

    background: #ffffff;

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


.pl-blog-breadcrumb nav {

    display: flex;

    align-items: center;

    gap: 11px;

    color: var(--pl-muted);

    font-size: 12px;
}


.pl-blog-breadcrumb a {

    color: var(--pl-navy) !important;

    font-weight: 700;

    transition: color .25s ease;
}


.pl-blog-breadcrumb a:hover {
    color: var(--pl-green) !important;
}


.pl-blog-breadcrumb nav > span:last-child {
    color: var(--pl-green-dark);
}


/* ==========================================================
   GLOBAL TITLES
========================================================== */

.pl-blog-intro h2,
.pl-blog-section-header h2,
.pl-blog-posts__heading h2,
.pl-blog-editorial h2,
.pl-blog-cta h2,
.pl-blog-closing h2 {

    margin: 0;

    color: var(--pl-navy);

    font-size: clamp(36px, 4vw, 58px);

    font-weight: 700;

    line-height: 1.08;

    letter-spacing: -1.8px;
}


.pl-blog-intro h2 span,
.pl-blog-section-header h2 span,
.pl-blog-posts__heading h2 span,
.pl-blog-editorial h2 span,
.pl-blog-cta h2 span,
.pl-blog-closing h2 span {

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


/* ==========================================================
   INTRO / CONOCIMIENTO LEGAL
========================================================== */

.pl-blog-intro {

    padding: 120px 0;

    background: #ffffff;
}


.pl-blog-intro__grid {

    display: grid;

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

    gap: 110px;

    align-items: start;
}


.pl-blog-intro__heading h2 {
    max-width: 650px;
}


.pl-blog-intro__lead {

    margin: 0 0 22px;

    color: var(--pl-navy);

    font-size: 18px;

    line-height: 1.8;

    font-weight: 500;
}


.pl-blog-intro__content > p:not(.pl-blog-intro__lead) {

    margin: 0;

    color: var(--pl-muted);

    font-size: 15px;

    line-height: 1.9;
}


/* INFORMATION NOTE */

.pl-blog-intro__note {

    display: flex;

    align-items: flex-start;

    gap: 16px;

    margin-top: 36px;

    padding-top: 28px;

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


.pl-blog-intro__note-icon {

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;

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

    border-radius: 50%;

    background: rgba(118,170,61,.10);

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


.pl-blog-intro__note-icon svg {

    width: 20px;
    height: 20px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.pl-blog-intro__note p {

    margin: 0;

    color: var(--pl-muted);

    font-size: 13px;

    line-height: 1.75;
}


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

.pl-blog-topics {

    padding: 115px 0 125px;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(118,170,61,.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f9fbf7,
            #f3f7ef
        );

    border-top: 1px solid rgba(7,26,45,.06);

    border-bottom: 1px solid rgba(7,26,45,.06);
}


.pl-blog-section-header {

    max-width: 880px;

    margin-bottom: 72px;
}


.pl-blog-section-header > p {

    max-width: 650px;

    margin: 28px 0 0;

    color: var(--pl-muted);

    font-size: 15px;

    line-height: 1.85;
}


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

.pl-blog-topic-grid {

    display: grid;

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

    gap: 20px;
}


/* ==========================================================
   TOPIC CARD
========================================================== */

.pl-blog-topic-card {

    position: relative;

    min-height: 190px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 30px 31px;

    overflow: hidden;

    color: var(--pl-navy) !important;

    border: 1px solid rgba(118,170,61,.22);

    border-radius: 18px;

    background: rgba(255,255,255,.96);

    box-shadow:
        0 10px 30px rgba(7,26,45,.045);

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


.pl-blog-topic-card::after {

    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 4px;

    background: var(--pl-green);

    transform: scaleX(0);

    transform-origin: left;

    transition: transform .3s ease;
}


/* TOPIC ICON */

.pl-blog-topic-card__icon {

    width: 58px;
    height: 58px;

    display: flex;

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

    margin-bottom: 29px;

    border-radius: 50%;

    border: 1px solid rgba(118,170,61,.30);

    background: rgba(118,170,61,.07);

    color: var(--pl-green);

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


.pl-blog-topic-card__icon svg {

    width: 26px;
    height: 26px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* TOPIC TITLE */

.pl-blog-topic-card strong {

    display: block;

    max-width: 220px;

    color: var(--pl-navy) !important;

    font-size: 17px;

    line-height: 1.35;

    font-weight: 700;

    transition: color .3s ease;
}


/* TOPIC ARROW */

.pl-blog-topic-card__arrow {

    position: absolute;

    right: 29px;
    bottom: 28px;

    color: var(--pl-green) !important;

    font-size: 24px;

    line-height: 1;

    transition:
        transform .3s ease,
        color .3s ease;
}


/* TOPIC HOVER */

.pl-blog-topic-card:hover {

    color: #ffffff !important;

    background: var(--pl-navy);

    border-color: var(--pl-navy);

    box-shadow:
        0 22px 45px rgba(7,26,45,.15);

    transform: translateY(-6px);
}


.pl-blog-topic-card:hover::after {
    transform: scaleX(1);
}


.pl-blog-topic-card:hover strong {
    color: #ffffff !important;
}


.pl-blog-topic-card:hover
.pl-blog-topic-card__icon {

    color: #ffffff !important;

    background: var(--pl-green);

    border-color: var(--pl-green);

    transform: translateY(-3px);
}


.pl-blog-topic-card:hover
.pl-blog-topic-card__arrow {

    color: var(--pl-green-soft) !important;

    transform: translateX(5px);
}


/* ==========================================================
   PUBLICACIONES RECIENTES
========================================================== */

.pl-blog-posts {

    padding: 120px 0 65px;

    background: #ffffff;
}


.pl-blog-posts__heading {

    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(280px, .65fr);

    gap: 90px;

    align-items: end;

    margin-bottom: 0;
}


.pl-blog-posts__heading h2 {

    max-width: 780px;
}


.pl-blog-posts__heading > p {

    max-width: 390px;

    margin: 0 0 8px;

    color: var(--pl-muted);

    font-size: 15px;

    line-height: 1.85;
}


/* ==========================================================
   IMPORTANTE:
   SEPARACIÓN PARA EL WIDGET DE POSTS DE ELEMENTOR

   El Loop Grid se encuentra ENTRE los dos HTML.
========================================================== */

/*
   En Elementor recomiendo que el contenedor donde pongas
   el Loop Grid tenga:

   Content Width: Boxed
   Width: 1180px

   Padding:
   Top: 0
   Bottom: 110px
*/


/* ==========================================================
   SEGUNDO HTML
========================================================== */

.pl-blog-page--continuation {

    overflow: hidden;

    background: #ffffff;
}


/* ==========================================================
   INFORMACIÓN Y ORIENTACIÓN
========================================================== */

.pl-blog-editorial {

    position: relative;

    padding: 120px 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(118,170,61,.13),
            transparent 30%
        ),
        var(--pl-navy);
}


.pl-blog-editorial::before {

    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    left: -250px;
    bottom: -300px;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 50%;
}


.pl-blog-editorial__grid {

    position: relative;

    z-index: 2;

    display: grid;

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

    gap: 120px;

    align-items: center;
}


.pl-blog-editorial h2 {

    max-width: 700px;

    color: #ffffff;
}


.pl-blog-editorial__content > p {

    max-width: 650px;

    margin: 29px 0 0;

    color: rgba(255,255,255,.67);

    font-size: 15px;

    line-height: 1.9;
}


/* TEXT LINK */

.pl-blog-text-link {

    display: inline-flex;

    align-items: center;

    gap: 16px;

    margin-top: 35px;

    color: var(--pl-green-soft) !important;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: .3px;
}


.pl-blog-text-link span {

    font-size: 20px;

    line-height: 1;

    transition: transform .3s ease;
}


.pl-blog-text-link:hover span {
    transform: translateX(5px);
}


/* ==========================================================
   EDITORIAL FEATURES
========================================================== */

.pl-blog-editorial__features {

    border-left: 1px solid rgba(255,255,255,.14);

    padding-left: 48px;
}


.pl-blog-feature {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 27px 0;

    border-bottom: 1px solid rgba(255,255,255,.11);
}


.pl-blog-feature:first-child {
    padding-top: 0;
}


.pl-blog-feature:last-child {

    padding-bottom: 0;

    border-bottom: 0;
}


.pl-blog-feature__icon {

    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    display: flex;

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

    border-radius: 50%;

    border: 1px solid rgba(118,170,61,.45);

    background: rgba(118,170,61,.09);

    color: var(--pl-green-soft);
}


.pl-blog-feature__icon svg {

    width: 23px;
    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.pl-blog-feature strong {

    display: block;

    margin: 3px 0 7px;

    color: #ffffff !important;

    font-size: 15px;

    font-weight: 700;
}


.pl-blog-feature p {

    margin: 0;

    color: rgba(255,255,255,.58);

    font-size: 13px;

    line-height: 1.7;
}


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

.pl-blog-cta {

    padding: 105px 0;

    background: var(--pl-navy-2);
}


.pl-blog-cta__inner {

    display: grid;

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

    gap: 80px;

    align-items: center;
}


.pl-blog-cta__content {

    max-width: 760px;
}


.pl-blog-cta h2 {

    color: #ffffff;

    font-size: clamp(38px, 4vw, 57px);
}


.pl-blog-cta__content > p {

    max-width: 650px;

    margin: 26px 0 0;

    color: rgba(255,255,255,.65);

    font-size: 15px;

    line-height: 1.85;
}


.pl-blog-cta__actions {

    display: flex;

    flex-direction: column;

    gap: 12px;

    min-width: 210px;
}


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

.pl-blog-closing {

    padding: 90px 0;

    background: #ffffff;
}


.pl-blog-closing__inner {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 70px;
}


.pl-blog-closing h2 {

    max-width: 780px;

    font-size: clamp(32px, 3.5vw, 50px);
}


.pl-blog-closing__link {

    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;

    gap: 16px;

    padding-bottom: 7px;

    border-bottom: 1px solid var(--pl-green);

    color: var(--pl-navy) !important;

    font-size: 13px;

    font-weight: 800;

    transition: color .3s ease;
}


.pl-blog-closing__link span {

    color: var(--pl-green);

    font-size: 20px;

    line-height: 1;

    transition: transform .3s ease;
}


.pl-blog-closing__link:hover {
    color: var(--pl-green) !important;
}


.pl-blog-closing__link:hover span {
    transform: translateX(5px);
}


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

@media (max-width: 1024px) {


    /* CONTAINER */

    .pl-blog-container {

        width: min(100% - 40px, 1180px);
    }


    /* HERO */

    .pl-blog-hero {
        min-height: auto;
    }


    .pl-blog-hero__inner {

        grid-template-columns: 1fr;

        gap: 55px;

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


    .pl-blog-hero__content {
        max-width: 780px;
    }


    .pl-blog-hero__side {

        display: grid;

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

        padding-left: 0;

        border-left: 0;

        border-top:
            1px solid rgba(255,255,255,.18);
    }


    .pl-blog-hero-info {

        padding: 28px 20px 0 0;

        border-bottom: 0;
    }


    /* INTRO */

    .pl-blog-intro__grid {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    .pl-blog-intro__heading h2 {
        max-width: 800px;
    }


    /* TOPICS */

    .pl-blog-topic-grid {

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


    /* POSTS */

    .pl-blog-posts__heading {

        grid-template-columns: 1fr;

        gap: 25px;
    }


    .pl-blog-posts__heading > p {
        max-width: 700px;
    }


    /* EDITORIAL */

    .pl-blog-editorial__grid {

        grid-template-columns: 1fr;

        gap: 60px;
    }


    .pl-blog-editorial__features {

        padding-left: 0;

        padding-top: 35px;

        border-left: 0;

        border-top:
            1px solid rgba(255,255,255,.14);
    }


    /* CTA */

    .pl-blog-cta__inner {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    .pl-blog-cta__actions {

        flex-direction: row;

        min-width: 0;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {


    /* CONTAINER */

    .pl-blog-container {

        width: min(100% - 32px, 1180px);
    }


    /* EYEBROW */

    .pl-blog-eyebrow {

        margin-bottom: 17px;

        font-size: 11px;

        letter-spacing: 1.9px;
    }


    /* HERO */

    .pl-blog-hero__overlay {

        background:
            linear-gradient(
                180deg,
                rgba(7,26,45,.88) 0%,
                rgba(7,26,45,.96) 72%,
                rgba(7,26,45,.99) 100%
            );
    }


    .pl-blog-hero__image {
        object-position: center;
    }


    .pl-blog-hero__inner {

        gap: 42px;

        padding-top: 75px;
        padding-bottom: 65px;
    }


    .pl-blog-hero h1 {

        margin-bottom: 24px;

        font-size: clamp(40px, 12vw, 55px);

        line-height: 1.04;

        letter-spacing: -1.8px;
    }


    .pl-blog-hero__content > p {

        font-size: 15px;

        line-height: 1.75;
    }


    .pl-blog-hero__actions {

        flex-direction: column;

        align-items: stretch;

        margin-top: 32px;
    }


    .pl-blog-btn {

        width: 100%;

        min-height: 52px;
    }


    .pl-blog-hero__side {

        grid-template-columns: 1fr;

        padding-top: 10px;
    }


    .pl-blog-hero-info {

        padding: 20px 0;

        border-bottom:
            1px solid rgba(255,255,255,.12);
    }


    .pl-blog-hero-info:last-child {
        border-bottom: 0;
    }


    /* BREADCRUMB */

    .pl-blog-breadcrumb {
        padding: 17px 0;
    }


    /* TITLES */

    .pl-blog-intro h2,
    .pl-blog-section-header h2,
    .pl-blog-posts__heading h2,
    .pl-blog-editorial h2,
    .pl-blog-cta h2,
    .pl-blog-closing h2 {

        font-size: 38px;

        line-height: 1.08;

        letter-spacing: -1.2px;
    }


    /* INTRO */

    .pl-blog-intro {

        padding: 80px 0;
    }


    .pl-blog-intro__grid {
        gap: 38px;
    }


    .pl-blog-intro__lead {

        font-size: 16px;

        line-height: 1.75;
    }


    /* TOPICS */

    .pl-blog-topics {

        padding: 82px 0;
    }


    .pl-blog-section-header {

        margin-bottom: 52px;
    }


    .pl-blog-section-header > p {

        margin-top: 23px;
    }


    .pl-blog-topic-grid {

        grid-template-columns: 1fr;

        gap: 15px;
    }


    .pl-blog-topic-card {

        min-height: 165px;

        padding: 25px 26px;
    }


    .pl-blog-topic-card__icon {

        width: 52px;
        height: 52px;

        margin-bottom: 23px;
    }


    .pl-blog-topic-card__icon svg {

        width: 23px;
        height: 23px;
    }


    .pl-blog-topic-card strong {

        max-width: 210px;

        font-size: 16px;
    }


    .pl-blog-topic-card__arrow {

        right: 25px;
        bottom: 24px;
    }


    /* POSTS HEADING */

    .pl-blog-posts {

        padding: 82px 0 48px;
    }


    .pl-blog-posts__heading {

        gap: 23px;
    }


    .pl-blog-posts__heading > p {

        margin-bottom: 0;
    }


    /* EDITORIAL */

    .pl-blog-editorial {

        padding: 85px 0;
    }


    .pl-blog-editorial__grid {

        gap: 48px;
    }


    .pl-blog-editorial__content > p {

        margin-top: 24px;
    }


    .pl-blog-editorial__features {

        padding-top: 25px;
    }


    .pl-blog-feature {

        gap: 17px;

        padding: 23px 0;
    }


    /* CTA */

    .pl-blog-cta {

        padding: 82px 0;
    }


    .pl-blog-cta__inner {

        gap: 38px;
    }


    .pl-blog-cta__actions {

        flex-direction: column;
    }


    /* CLOSING */

    .pl-blog-closing {

        padding: 72px 0;
    }


    .pl-blog-closing__inner {

        flex-direction: column;

        align-items: flex-start;

        gap: 35px;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {


    .pl-blog-hero h1 {

        font-size: 39px;

        letter-spacing: -1.3px;
    }


    .pl-blog-intro h2,
    .pl-blog-section-header h2,
    .pl-blog-posts__heading h2,
    .pl-blog-editorial h2,
    .pl-blog-cta h2,
    .pl-blog-closing h2 {

        font-size: 34px;

        letter-spacing: -1px;
    }


    .pl-blog-topic-card strong {

        max-width: 190px;

        font-size: 16px;
    }


    .pl-blog-feature__icon {

        width: 46px;
        height: 46px;

        flex-basis: 46px;
    }

}


/* ==========================================================
   ACCESSIBILITY / REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .pl-blog-page *,
    .pl-blog-page *::before,
    .pl-blog-page *::after {

        scroll-behavior: auto !important;

        transition-duration: .01ms !important;

        animation-duration: .01ms !important;

        animation-iteration-count: 1 !important;
    }

}/* End custom CSS */