/* =========================================================
   GAMESALONE18 UNIVERSE
   SALA DE PRENSA
   CSS INDEPENDIENTE
   ========================================================= */


/* =========================================================
   BASE DE LA PÁGINA
   ========================================================= */

.prensa-page {

    background: #000;

    color: #fff;

    overflow-x: hidden;

    line-height: 1.6;

}


/* =========================================================
   FONDO
   ========================================================= */

.prensa-page .prensa-bg-image {

    position: fixed;

    inset: 0;

    width: 100%;
    height: 100%;

    background:
        url("/home/img/bg-masthead.jpg")
        center center / cover no-repeat;

    transform: scale(1.04);

    z-index: -3;

    pointer-events: none;

}


.prensa-page .prensa-bg-overlay {

    position: fixed;

    inset: 0;

    width: 100%;
    height: 100%;

    background:

        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.72) 0%,
            rgba(0, 0, 0, 0.88) 55%,
            rgba(0, 0, 0, 0.96) 100%
        );

    backdrop-filter: blur(3px);

    z-index: -2;

    pointer-events: none;

}


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

.prensa-page .prensa-main-content {

    position: relative;

    z-index: 1;

    min-height: 100vh;

}


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

.prensa-page .prensa-hero {

    padding:

        105px
        20px
        75px;

    text-align: center;

}


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

.prensa-page .prensa-hero-tag {

    display: inline-block;

    padding:

        9px
        18px;

    margin-bottom: 25px;

    border:

        1px solid
        rgba(255, 255, 255, 0.12);

    border-radius: 50px;

    background:

        rgba(255, 255, 255, 0.04);

    color: #00ff88;

    font-size: 0.75rem;

    font-weight: 700;

    letter-spacing: 2px;

    backdrop-filter: blur(10px);

}


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

.prensa-page .prensa-hero h1 {

    margin:

        0
        0
        20px;

    font-size:

        clamp(
            2.5rem,
            6vw,
            4.5rem
        );

    font-weight: 800;

    line-height: 1.1;

    letter-spacing: -1px;

    background:

        linear-gradient(
            90deg,
            #ffffff,
            #00ff88
        );

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

}


/* =========================================================
   DESCRIPCIÓN HERO
   ========================================================= */

.prensa-page .prensa-description {

    max-width: 780px;

    margin:

        0
        auto;

    color: #cfcfcf;

    font-size: 1.1rem;

    line-height: 1.8;

}


/* =========================================================
   CONTENEDOR DE PRENSA
   ========================================================= */

.prensa-page .prensa-container {

    padding-bottom: 30px;

}


/* =========================================================
   ARTÍCULOS
   ========================================================= */

.prensa-page .press-item {

    position: relative;

}


/* =========================================================
   IMAGEN
   ========================================================= */

.prensa-page .press-image-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    min-height: 390px;

    overflow: hidden;

    background: #050505;

}


/* =========================================================
   IMAGEN DE PRENSA
   ========================================================= */

.prensa-page .press-image {

    display: block;

    width: 100%;

    height: 100%;

    min-height: 390px;

    object-fit: cover;

    object-position: center;

    transition:

        transform 0.6s ease,

        filter 0.4s ease;

}


/* =========================================================
   EFECTO IMAGEN
   ========================================================= */

.prensa-page .press-item:hover .press-image {

    transform: scale(1.035);

    filter: brightness(1.08);

}


/* =========================================================
   PANEL DE TEXTO
   ========================================================= */

.prensa-page .press-project {

    position: relative;

    width: 100%;

    height: 100%;

    min-height: 390px;

    overflow: hidden;

    background:

        linear-gradient(
            145deg,
            rgba(18, 18, 18, 0.97),
            rgba(3, 3, 3, 0.99)
        );

    border:

        1px solid
        rgba(255, 255, 255, 0.08);

    transition:

        transform 0.35s ease,

        border-color 0.35s ease,

        box-shadow 0.35s ease;

}


/* =========================================================
   BARRA VERDE
   ========================================================= */

.prensa-page .press-project::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background: #00ff88;

    opacity: 0.8;

    transition:

        width 0.35s ease;

}


/* =========================================================
   HOVER PANEL
   ========================================================= */

.prensa-page .press-item:hover .press-project {

    border-color:

        rgba(
            0,
            255,
            136,
            0.35
        );

    box-shadow:

        0 20px 60px
        rgba(0, 0, 0, 0.55),

        0 0 30px
        rgba(0, 255, 136, 0.06);

}


.prensa-page .press-item:hover .press-project::before {

    width: 7px;

}


/* =========================================================
   CONTENIDO INTERNO
   ========================================================= */

.prensa-page .press-project-inner {

    display: flex;

    align-items: center;

    width: 100%;

    min-height: 390px;

}


/* =========================================================
   TEXTO
   ========================================================= */

.prensa-page .press-text {

    width: 100%;

    padding:

        50px
        55px;

}


/* =========================================================
   CATEGORÍA
   ========================================================= */

.prensa-page .press-category {

    display: inline-block;

    margin-bottom: 18px;

    color: #00ff88;

    font-size: 0.72rem;

    font-weight: 800;

    letter-spacing: 2px;

    text-transform: uppercase;

}


/* =========================================================
   TITULO
   ========================================================= */

.prensa-page .press-text h2 {

    position: relative;

    margin:

        0
        0
        23px;

    color: #fff;

    font-size: 1.65rem;

    font-weight: 700;

    line-height: 1.35;

}


/* =========================================================
   LINEA DEL TITULO
   ========================================================= */

.prensa-page .press-text h2::after {

    content: "";

    display: block;

    width: 45px;

    height: 3px;

    margin-top: 14px;

    border-radius: 10px;

    background: #00ff88;

}


/* =========================================================
   PÁRRAFOS
   ========================================================= */

.prensa-page .press-text p {

    margin:

        0
        0
        18px;

    color:

        rgba(
            255,
            255,
            255,
            0.66
        );

    font-size: 1rem;

    line-height: 1.8;

}


/* =========================================================
   STRONG
   ========================================================= */

.prensa-page .press-text strong {

    color: #fff;

    font-weight: 700;

}


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

.prensa-page .press-text a {

    display: inline-flex;

    align-items: center;

    width: fit-content;

    margin-top: 7px;

    color: #00ff88;

    font-size: 0.98rem;

    font-weight: 700;

    line-height: 1.5;

    text-decoration: none;

    transition:

        color 0.25s ease,

        transform 0.25s ease;

}


/* =========================================================
   FLECHA
   ========================================================= */

.prensa-page .press-text a span {

    display: inline-block;

    margin-left: 7px;

    transition:

        transform 0.25s ease;

}


/* =========================================================
   HOVER LINK
   ========================================================= */

.prensa-page .press-text a:hover {

    color: #62ffb3;

    transform: translateX(3px);

}


.prensa-page .press-text a:hover span {

    transform: translateX(5px);

}


/* =========================================================
   LINKS DENTRO DE PÁRRAFOS
   ========================================================= */

.prensa-page .press-text .inline-link {

    display: inline;

    margin: 0;

    color: #00ff88;

    font-weight: 700;

}


/* =========================================================
   HOVER LINK INTERNO
   ========================================================= */

.prensa-page .press-text .inline-link:hover {

    transform: none;

    color: #62ffb3;

}


/* =========================================================
   ÚLTIMO ARTÍCULO
   ========================================================= */

.prensa-page .press-item:last-child {

    margin-bottom: 80px !important;

}


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

@media (max-width: 991.98px) {

    .prensa-page .prensa-hero {

        padding:

            90px
            20px
            60px;

    }


    .prensa-page .press-image-wrapper {

        min-height: 330px;

    }


    .prensa-page .press-image {

        min-height: 330px;

        max-height: 460px;

    }


    .prensa-page .press-project {

        min-height: auto;

    }


    .prensa-page .press-project-inner {

        min-height: auto;

    }


    .prensa-page .press-text {

        padding:

            42px
            35px;

    }


    .prensa-page .press-text h2 {

        font-size: 1.5rem;

    }

}


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

@media (max-width: 767.98px) {

    .prensa-page .prensa-hero {

        padding:

            75px
            18px
            50px;

    }


    .prensa-page .prensa-hero h1 {

        font-size: 2.7rem;

    }


    .prensa-page .prensa-description {

        font-size: 1rem;

    }


    .prensa-page .press-item {

        margin-bottom: 45px !important;

    }


    .prensa-page .press-image-wrapper {

        min-height: 270px;

    }


    .prensa-page .press-image {

        min-height: 270px;

        max-height: 380px;

    }


    .prensa-page .press-text {

        padding:

            35px
            28px;

    }


    .prensa-page .press-text h2 {

        font-size: 1.4rem;

    }


    .prensa-page .press-text p {

        font-size: 0.95rem;

        line-height: 1.7;

    }

}


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

@media (max-width: 480px) {

    .prensa-page .prensa-hero {

        padding:

            65px
            15px
            45px;

    }


    .prensa-page .prensa-hero-tag {

        padding:

            8px
            14px;

        font-size: 0.65rem;

        letter-spacing: 1.5px;

    }


    .prensa-page .prensa-hero h1 {

        font-size: 2.2rem;

    }


    .prensa-page .prensa-description {

        font-size: 0.92rem;

        line-height: 1.7;

    }


    .prensa-page .press-image-wrapper {

        min-height: 220px;

    }


    .prensa-page .press-image {

        min-height: 220px;

        max-height: 300px;

    }


    .prensa-page .press-text {

        padding:

            30px
            22px;

    }


    .prensa-page .press-category {

        font-size: 0.65rem;

    }


    .prensa-page .press-text h2 {

        font-size: 1.25rem;

        line-height: 1.35;

    }


    .prensa-page .press-text p {

        font-size: 0.9rem;

        line-height: 1.7;

    }


    .prensa-page .press-text a {

        font-size: 0.88rem;

    }

}


/* =========================================================
   REDUCCIÓN DE ANIMACIONES
   ========================================================= */

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

    .prensa-page .press-image,
    .prensa-page .press-project,
    .prensa-page .press-text a,
    .prensa-page .press-text a span {

        transition: none;

    }

}