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

.fma-pb,
.fma-pb *,
.fma-pb *::before,
.fma-pb *::after {
    box-sizing: border-box;
}


.fma-pb {

    --fma-bg: #090909;
    --fma-card: #101010;
    --fma-card2: #141414;

    --fma-white: #ffffff;
    --fma-text: #c8c8c8;
    --fma-muted: #858585;

    --fma-line: #292929;

    --fma-gold: #d4ac0d;
    --fma-red: #d00000;

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

    margin: 0 auto;

    padding:
        26px
        24px
        50px;

    background: var(--fma-bg);

    color: var(--fma-white);

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}


.fma-pb a {
    text-decoration: none !important;
}


/* =========================================================
   TÍTULOS
   ========================================================= */

.fma-pb-heading {

    position: relative;

    width: 100%;

    margin:
        0
        0
        17px;

    padding:
        0
        0
        10px
        16px;

    border-bottom:
        3px solid
        var(--fma-gold);
}


.fma-pb-heading::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 6px;
    height: 27px;

    background:
        var(--fma-red);
}


.fma-pb-heading h1,
.fma-pb-heading h2 {

    margin: 0 !important;
    padding: 0 !important;

    color:
        var(--fma-white) !important;

    font-size:
        clamp(
            21px,
            2vw,
            29px
        ) !important;

    line-height: 1 !important;

    font-weight: 900 !important;

    letter-spacing: -.5px;

    text-transform: uppercase;
}


/* =========================================================
   PORTADA SUPERIOR
   ========================================================= */

.fma-pb-cover {

    display: grid;

    grid-template-columns:
        minmax(0, 2.25fr)
        minmax(290px, .85fr);

    gap: 23px;
}


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

.fma-pb-main {

    display: block;

    min-width: 0;

    overflow: hidden;

    background:
        var(--fma-card);

    border-bottom:
        3px solid
        var(--fma-gold);
}


.fma-pb-main-image {

    width: 100%;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #161616;
}


.fma-pb-main-image img {

    display: block;

    width: 100%;
    height: 100%;

    margin: 0 !important;

    object-fit: cover;

    transition:
        transform .3s ease;
}


.fma-pb-main:hover
.fma-pb-main-image img {

    transform:
        scale(1.015);
}


.fma-pb-main-body {

    padding:
        15px
        18px
        17px;
}


.fma-pb-cat {

    display: block;

    margin-bottom: 7px;

    color:
        var(--fma-gold);

    font-size: 9px;

    line-height: 1;

    font-weight: 900;

    letter-spacing: .8px;

    text-transform: uppercase;
}


.fma-pb-main h2 {

    margin:
        0
        0
        9px !important;

    padding: 0 !important;

    color:
        var(--fma-white) !important;

    font-size:
        clamp(
            28px,
            2.8vw,
            47px
        ) !important;

    line-height: 1.02 !important;

    font-weight: 900 !important;

    letter-spacing: -1px;

    text-transform: uppercase;
}


.fma-pb-main p {

    margin:
        0
        0
        9px !important;

    padding: 0 !important;

    color:
        var(--fma-text) !important;

    font-size: 13px !important;

    line-height: 1.4 !important;
}


.fma-pb-date {

    color:
        var(--fma-muted);

    font-size: 9px;

    font-weight: 700;
}


/* =========================================================
   LO ÚLTIMO
   ========================================================= */

.fma-pb-latest {

    min-width: 0;

    padding-left: 17px;

    border-left:
        1px solid
        var(--fma-line);
}


.fma-pb-latest-title {

    margin:
        0
        0
        2px !important;

    padding:
        0
        0
        9px !important;

    border-bottom:
        2px solid
        var(--fma-gold);

    color:
        var(--fma-gold) !important;

    font-size: 14px !important;

    font-weight: 900 !important;

    text-transform: uppercase;
}


.fma-pb-latest-card {

    display: grid;

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

    gap: 10px;

    align-items: center;

    padding: 12px 0;

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


.fma-pb-latest-img {

    width: 105px;

    aspect-ratio: 16 / 10;

    overflow: hidden;

    background: #151515;
}


.fma-pb-latest-img img {

    display: block;

    width: 100%;
    height: 100%;

    margin: 0 !important;

    object-fit: cover;
}


.fma-pb-latest-card h3 {

    margin:
        0
        0
        5px !important;

    padding: 0 !important;

    color:
        var(--fma-white) !important;

    font-size: 12px !important;

    line-height: 1.14 !important;

    font-weight: 900 !important;

    text-transform: uppercase;
}


.fma-pb-latest-card:hover h3 {

    color:
        var(--fma-gold) !important;
}


/* =========================================================
   FMA AHORA
   ========================================================= */

.fma-pb-now {

    margin-top: 29px;

    padding:
        14px
        17px
        15px;

    background: #0d0d0d;

    border-top:
        3px solid
        var(--fma-red);

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


.fma-pb-now-head {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 8px;
}


.fma-pb-now-dot {

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background:
        var(--fma-red);

    box-shadow:
        0 0 7px
        rgba(208,0,0,.8);
}


.fma-pb-now-head h2 {

    margin: 0 !important;
    padding: 0 !important;

    color:
        var(--fma-white) !important;

    font-size: 16px !important;

    line-height: 1 !important;

    font-weight: 900 !important;

    text-transform: uppercase;
}


.fma-pb-now-grid {

    display: grid;

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

    column-gap: 28px;
}


.fma-pb-now-item {

    display: grid;

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

    gap: 9px;

    padding: 8px 0;

    border-bottom:
        1px solid
        #242424;
}


.fma-pb-now-time {

    color:
        var(--fma-gold);

    font-size: 9px;

    font-weight: 900;
}


.fma-pb-now-text {

    color:
        var(--fma-white);

    font-size: 11px;

    line-height: 1.24;

    font-weight: 800;

    text-transform: uppercase;
}


.fma-pb-now-item:hover
.fma-pb-now-text {

    color:
        var(--fma-gold);
}


/* =========================================================
   CUERPO
   NOTICIAS + REDES
   ========================================================= */

.fma-pb-body {

    display: grid;

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

    gap: 30px;

    align-items: start;

    margin-top: 36px;
}


/* =========================================================
   CATEGORÍAS
   ========================================================= */

.fma-pb-sections {

    min-width: 0;
}


.fma-pb-section-grid {

    display: grid;

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

    gap:
        31px
        23px;
}


.fma-pb-section {

    min-width: 0;
}


.fma-pb-section-head {

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 10px;

    margin-bottom: 11px;

    padding-bottom: 7px;

    border-bottom:
        2px solid
        var(--fma-gold);
}


.fma-pb-section-head h2 {

    margin: 0 !important;
    padding: 0 !important;

    color:
        var(--fma-white) !important;

    font-size: 16px !important;

    line-height: 1 !important;

    font-weight: 900 !important;

    text-transform: uppercase;
}


.fma-pb-section-head a {

    color:
        var(--fma-gold) !important;

    font-size: 8px;

    font-weight: 900;

    white-space: nowrap;

    text-transform: uppercase;
}


.fma-pb-section-main {

    display: grid;

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

    gap: 12px;
}


.fma-pb-section-img {

    width: 145px;

    aspect-ratio: 16 / 10;

    overflow: hidden;

    background: #151515;
}


.fma-pb-section-img img {

    display: block;

    width: 100%;
    height: 100%;

    margin: 0 !important;

    object-fit: cover;
}


.fma-pb-section-main h3 {

    margin:
        0
        0
        6px !important;

    padding: 0 !important;

    color:
        var(--fma-white) !important;

    font-size: 14px !important;

    line-height: 1.12 !important;

    font-weight: 900 !important;

    text-transform: uppercase;
}


.fma-pb-section-main:hover h3 {

    color:
        var(--fma-gold) !important;
}


.fma-pb-section-main p {

    margin: 0 !important;
    padding: 0 !important;

    color: #aaa !important;

    font-size: 10px !important;

    line-height: 1.35 !important;
}


/* =========================================================
   REDES FMA
   ========================================================= */

.fma-pb-social {

    min-width: 0;
}


.fma-pb-social-heading {

    position: relative;

    margin:
        0
        0
        15px;

    padding:
        0
        0
        9px
        15px;

    border-bottom:
        3px solid
        var(--fma-gold);
}


.fma-pb-social-heading::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 5px;
    height: 24px;

    background:
        var(--fma-red);
}


.fma-pb-social-heading h2 {

    margin: 0 !important;
    padding: 0 !important;

    color:
        var(--fma-white) !important;

    font-size: 20px !important;

    line-height: 1 !important;

    font-weight: 900 !important;

    text-transform: uppercase;
}


/* =========================================================
   BLOQUE SOCIAL
   ========================================================= */

.fma-pb-social-card {

    width: 100%;

    margin-bottom: 22px;

    padding-top: 9px;

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


.fma-pb-social-label {

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 10px;

    margin-bottom: 9px;
}


.fma-pb-social-label strong {

    color:
        var(--fma-white);

    font-size: 12px;

    font-weight: 900;

    text-transform: uppercase;
}


.fma-pb-social-label a {

    color:
        var(--fma-gold) !important;

    font-size: 8px;

    font-weight: 900;

    text-transform: uppercase;
}


.fma-pb-embed {

    width: 100%;

    overflow: hidden;
}


/* =========================================================
   INSTAGRAM
   ========================================================= */

.fma-pb-instagram
.instagram-media {

    min-width: 0 !important;

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;
}


/* =========================================================
   TIKTOK
   ========================================================= */

.fma-pb-tiktok
.tiktok-embed {

    min-width: 0 !important;

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 auto !important;
}


/* =========================================================
   FACEBOOK
   ========================================================= */

.fma-pb-facebook iframe {

    display: block;

    width: 100% !important;

    max-width: 100%;

    margin: 0 auto;

    border: 0;
}


/* =========================================================
   YOUTUBE
   ========================================================= */

.fma-pb-youtube {

    padding: 17px;

    background:
        linear-gradient(
            145deg,
            #111,
            #191919
        );

    border:
        1px solid
        #292929;

    text-align: center;
}


.fma-pb-youtube-logo {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 50px;
    height: 36px;

    margin:
        0 auto
        12px;

    border-radius: 8px;

    background:
        var(--fma-red);

    color: #fff;

    font-size: 11px;

    font-weight: 900;
}


.fma-pb-youtube strong {

    display: block;

    margin-bottom: 6px;

    color:
        var(--fma-white);

    font-size: 14px;

    font-weight: 900;

    text-transform: uppercase;
}


.fma-pb-youtube p {

    margin:
        0
        0
        13px !important;

    color: #aaa !important;

    font-size: 10px !important;

    line-height: 1.4 !important;
}


.fma-pb-youtube a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 34px;

    padding:
        0
        18px;

    background:
        var(--fma-red);

    color:
        #fff !important;

    font-size: 9px;

    font-weight: 900;

    text-transform: uppercase;
}


/* =========================================================
   MÁS NOTICIAS
   ========================================================= */

.fma-pb-more {

    margin-top: 40px;
}


.fma-pb-more-grid {

    display: grid;

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

    gap:
        25px
        18px;
}


.fma-pb-more-card {

    min-width: 0;

    padding-bottom: 14px;

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


.fma-pb-more-img {

    width: 100%;

    aspect-ratio: 16 / 9;

    margin-bottom: 9px;

    overflow: hidden;

    background: #151515;
}


.fma-pb-more-img img {

    display: block;

    width: 100%;
    height: 100%;

    margin: 0 !important;

    object-fit: cover;
}


.fma-pb-more-card h3 {

    margin:
        0
        0
        6px !important;

    padding: 0 !important;

    color:
        var(--fma-white) !important;

    font-size: 14px !important;

    line-height: 1.14 !important;

    font-weight: 900 !important;

    text-transform: uppercase;
}


.fma-pb-more-card:hover h3 {

    color:
        var(--fma-gold) !important;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.fma-pb-placeholder {

    display: flex;

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

    width: 100%;
    height: 100%;

    background:
        linear-gradient(
            135deg,
            #0b0b0b,
            #191919
        );
}


.fma-pb-placeholder > div {

    text-align: center;
}


.fma-pb-placeholder strong {

    display: block;

    color:
        var(--fma-gold);

    font-size: 27px;

    font-weight: 900;
}


.fma-pb-placeholder span {

    display: block;

    margin-top: 4px;

    color: #aaa;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 1px;
}


/* =========================================================
   SIN NOTICIAS
   ========================================================= */

.fma-pb-empty {

    min-height: 200px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 30px;

    border-top:
        3px solid
        var(--fma-gold);

    background: #101010;

    color: #aaa;

    text-align: center;
}


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

@media (max-width: 1200px) {

    .fma-pb-body {

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

        gap: 23px;
    }


    .fma-pb-section-grid {

        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 950px) {

    .fma-pb-cover {

        grid-template-columns: 1fr;
    }


    .fma-pb-latest {

        padding-left: 0;

        border-left: 0;
    }


    .fma-pb-body {

        grid-template-columns: 1fr;
    }


    .fma-pb-section-grid {

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


    .fma-pb-social {

        display: grid;

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

        gap: 20px;
    }


    .fma-pb-social-heading {

        grid-column: 1 / -1;

        margin-bottom: 0;
    }


    .fma-pb-social-card {

        margin-bottom: 0;
    }

}


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

@media (max-width: 700px) {

    .fma-pb {

        padding:
            18px
            12px
            35px;
    }


    .fma-pb-now-grid {

        grid-template-columns: 1fr;
    }


    .fma-pb-section-grid {

        grid-template-columns: 1fr;
    }


    .fma-pb-more-grid {

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

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 520px) {

    .fma-pb {

        padding:
            15px
            9px
            28px;
    }


    .fma-pb-main-body {

        padding: 12px;
    }


    .fma-pb-main h2 {

        font-size: 22px !important;

        line-height: 1.05 !important;
    }


    .fma-pb-main p {

        font-size: 11px !important;
    }


    .fma-pb-latest-card {

        grid-template-columns:
            105px
            minmax(0, 1fr);
    }


    .fma-pb-section-main {

        grid-template-columns:
            115px
            minmax(0, 1fr);
    }


    .fma-pb-section-img {

        width: 115px;

        aspect-ratio: 4 / 3;
    }


    .fma-pb-section-main p {

        display: none;
    }


    .fma-pb-social {

        grid-template-columns: 1fr;
    }


    .fma-pb-more-grid {

        grid-template-columns: 1fr;
    }


    .fma-pb-more-card {

        display: grid;

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

        gap: 10px;
    }


    .fma-pb-more-img {

        width: 115px;

        aspect-ratio: 4 / 3;

        margin: 0;
    }

}


/* Ventanas de redes: estilos limitados al lateral de inicio. */
.fma-pb-social .fma-pb-browser{border:1px solid #292929;border-radius:10px;overflow:hidden;background:#0b0b0b;min-width:0;}
.fma-pb-social .fma-pb-browser-bar{display:flex;gap:12px;align-items:center;padding:10px 12px;background:#021b48;color:#fff;font-size:11px;overflow-wrap:anywhere;}
.fma-pb-social .fma-pb-browser-bar span{color:#d4ac0d;white-space:nowrap;font-size:9px;}
.fma-pb-social .fma-pb-x-window{height:480px;overflow:auto;}
.fma-pb-social .fma-pb-x-window>a{display:block;padding:18px;color:#fff;}
.fma-pb-social .fma-pb-channel-player{display:block;width:100%;height:auto;aspect-ratio:16/9;min-height:200px;border:0;}

.fma-pb-social .fma-pb-x-profile-image{display:block;line-height:0;}
.fma-pb-social .fma-pb-x-profile-image img{display:block;width:100%;height:auto;}
.fma-pb-social .fma-pb-youtube a{margin:4px;}
/* Adaptación de las secciones del motor original a bloques independientes. */
.fma-pb-portada{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto;padding:26px 24px 40px;background:#090909;color:#fff;font-family:Arial,Helvetica,sans-serif;}
.fma-pb-portada>.wp-block-columns{gap:24px;align-items:flex-start;}
.fma-pb-portada .wp-block-column{min-width:0;}
.fma-pb.fma-pb-module{padding:0;margin:0 0 24px;max-width:none;width:100%;}
.fma-pb-module .fma-pb-now{margin-top:0;margin-bottom:0;}
.fma-pb-module .fma-pb-more{margin-top:0;}
.fma-pb-module .fma-pb-latest{border-left:0;padding-left:0;}
.fma-pb-module.fma-pb-social{display:block;}
.fma-pb-module .fma-pb-social-card{margin-bottom:0;}
.fma-pb-headline{position:relative;min-width:0;}
.fma-pb-principal-layout{display:grid;gap:20px;align-items:start;}
.fma-pb-principal-lado:has(>.fma-pb-principal-extra){grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);}
.fma-pb-principal-extra,.fma-pb-extra{min-width:0;}
.fma-pb-extra{margin-top:20px;}
.fma-pb-pin{position:absolute;top:12px;left:12px;z-index:2;border:1px solid #fff;border-radius:5px;background:#021b48;color:#fff;padding:9px 11px;font:700 12px Arial,sans-serif;cursor:pointer;box-shadow:0 2px 10px #0008;}
.fma-pb-pin.is-pinned{background:#b30000;}.fma-pb-pin:disabled{opacity:.6;cursor:wait;}
.fma-pb-slot{background:#090909;overflow:hidden;}
.fma-pb-slot>*{max-width:100%;}
.fma-pb-slot-5-4{aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;}
.fma-pb-slot-16-9{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;}
.fma-pb-slot-4-1{aspect-ratio:4/1;display:flex;align-items:center;justify-content:center;}
.fma-pb-slot:not(.fma-pb-slot-auto)>*{width:100%;max-height:100%;margin:0;}
.fma-pb-slot:not(.fma-pb-slot-auto) img{max-width:100%;max-height:100%;object-fit:contain;}
.fma-pb-slot iframe{display:block;width:100%;max-width:100%;border:0;}
.fma-pb-slot-16-9 iframe{aspect-ratio:16/9;height:auto;}
.fma-pb-slot-5-4 iframe{aspect-ratio:5/4;height:auto;}
.fma-pb-slot-4-1 iframe{aspect-ratio:4/1;height:auto;}
.fma-pb-ad-inline .fma-ad-stack{display:flex;flex-direction:column;gap:15px;}
.fma-pb-ad-inline .fma-ad-card{width:100%!important;max-width:100%;}
.fma-pb-ad-inline img{display:block;width:100%;height:auto;object-fit:contain;}
.fma-pb-ad-inline .fma-ad-label{display:block;font-size:9px;color:#aaa;text-align:center;margin-bottom:5px;}
@media(max-width:950px){.fma-pb-principal-lado:has(>.fma-pb-principal-extra){grid-template-columns:1fr;}.fma-pb-portada .wp-block-columns{flex-wrap:wrap!important;}.fma-pb-portada .wp-block-column{flex-basis:100%!important;}.fma-pb-slot-5-4{max-width:480px;margin-inline:auto!important;}}
@media(max-width:700px){.fma-pb-portada{padding:18px 12px 30px;}}