.titulo-tablet {
    display: none;
}

.seccion-juegos-home {
    display: grid;
    gap: 1rem;
}

.mensaje-inicio {
    padding: 0.85rem 1rem;
    border-radius: 6px;
    font-weight: 600;
}

.mensaje-inicio.exito {
    background: #e8f5e9;
    color: #2e7d32;
}

.tendencias {
    border-bottom: 2px solid var(--bordes);
    padding: 1rem 2rem;
}

.resenas-home {
    border-bottom: 2px solid var(--bordes);
    padding-bottom: 2rem;
}

.seccion-juegos-home .carousel-wrapper {
    min-width: 0;
}

.carousel-juegos-home {
    --f-carousel-gap: 1rem;
    --f-carousel-slide-width: calc(50% - 0.5rem);
    --f-arrow-width: 3.35rem;
    --f-arrow-height: 3.35rem;
    --f-arrow-svg-width: 1.55rem;
    --f-arrow-svg-height: 1.55rem;
    --f-arrow-svg-stroke-width: 2.2;
    --f-arrow-border-radius: 999px;
    --f-arrow-color: #fff;
    --f-arrow-bg: rgba(30, 35, 48, 0.88);
    --f-arrow-hover-color: var(--azul);
    --f-arrow-active-color: var(--azul);
}

.seccion-juegos-home .elemento-carousel {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.seccion-juegos-home .portada {
    position: relative;
    overflow: hidden;
    border-radius: 0.35rem;
    aspect-ratio: 2 / 3;
    background: #d6d6d6;
}

.seccion-juegos-home .portada a {
    display: block;
    width: 100%;
    height: 100%;
}

.seccion-juegos-home .portada img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.seccion-juegos-home .elemento-carousel:hover .portada img,
.seccion-juegos-home .elemento-carousel:focus-within .portada img {
    transform: scale(1.04);
}

.seccion-juegos-home .portada .puntuacion {
    position: absolute;
    left: 0.75rem;
    bottom: 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    color: var(--puntuacion);
    border: 1px solid rgba(245, 181, 0, 0.32);
    font-weight: 600;
    box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.16);
}

.seccion-juegos-home .portada .puntuacion,
.seccion-juegos-home .portada .puntuacion i,
.seccion-juegos-home .portada .puntuacion span {
    color: var(--puntuacion);
}

.seccion-juegos-home .titulo-juego {
    color: var(--texto-principal);
    font-weight: 700;
    line-height: 1.25;
}

.seccion-juegos-home .titulo-juego:hover {
    color: var(--azul);
}

.seccion-juegos-home .f-button.is-arrow {
    border: 1px solid rgba(255, 255, 255, 0.92);
    box-shadow: 0 0.22rem 0.7rem rgba(0, 0, 0, 0.24);
}

.seccion-juegos-home .f-button.is-arrow svg {
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 2px rgba(0, 0, 0, 0.78));
}

.seccion-juegos-home .f-button.is-arrow svg path {
    stroke: #fff !important;
    stroke-width: 3.2 !important;
    fill: none !important;
}

.panel-vacio-juegos-home {
    border: 1px dashed var(--bordes);
    border-radius: 12px;
    padding: 1.1rem 1rem;
    background: #f7f9fb;
    color: #5d6d7d;
    text-align: center;
}


@media (min-width: 768px) {

    .seccion-juegos-home .titulo-tablet {
        display: block;
    }

    .seccion-juegos-home .titulo-mobile {
        display: none;
    }

    .carousel-juegos-home {
        --f-carousel-gap: 1.25rem;
        --f-carousel-slide-width: calc(33.333% - 0.85rem);
    }

}

@media (min-width: 992px) {
    .carousel-juegos-home {
        --f-carousel-gap: 1.5rem;
        --f-carousel-slide-width: calc(20% - 1.2rem);
    }

    .redes-sociales i {
        font-size: 1.5rem;
    }
}
