/* =========================================================
   FUSION GAMES - DARK UI
   Version 2.3 FINAL

   PRODUCCIÓN:
   - Dark Mode activo globalmente.
   - Todo el diseño permanece encapsulado en body.fg-dark.
   - fusion-dark.css se carga globalmente desde functions.php.
========================================================= */


/* =========================================================
   01. DESIGN TOKENS
========================================================= */

body.fg-dark {
    --fg-bg: #0d1015;
    --fg-bg-secondary: #10141b;

    --fg-surface: #161b24;
    --fg-surface-hover: #1b212c;

    --fg-border: #282e38;

    --fg-text: #f4f6f8;
    --fg-text-secondary: #a3acb9;
    --fg-text-muted: #747e8c;

    --fg-primary: #087ff5;
    --fg-primary-hover: #2992ff;

    --fg-accent: #ff8500;
    --fg-accent-hover: #ff9a2e;

    --fg-success: #22c55e;
    --fg-danger: #ef4444;

    --fg-radius-sm: 6px;
    --fg-radius-md: 10px;
    --fg-radius-lg: 14px;

    --fg-transition: .20s ease;

}


/* =========================================================
   02. BASE GENERAL
========================================================= */

body.fg-dark {
    background: var(--fg-bg);
    color: var(--fg-text);
}

body.fg-dark #wrapper,
body.fg-dark #main {
    background: var(--fg-bg);
}


/* =========================================================
   03. TIPOGRAFÍA
========================================================= */

body.fg-dark h1,
body.fg-dark h2,
body.fg-dark h3,
body.fg-dark h4,
body.fg-dark h5,
body.fg-dark h6 {
    color: var(--fg-text);
}

body.fg-dark p {
    color: var(--fg-text-secondary);
}

body.fg-dark a {
    transition:
        color var(--fg-transition),
        background-color var(--fg-transition),
        border-color var(--fg-transition),
        opacity var(--fg-transition);
}

body.fg-dark hr {
    border-color: var(--fg-border);
}

body.fg-dark ::selection {
    background: var(--fg-primary);
    color: #fff;
}


/* =========================================================
   04. FORMULARIOS GENERALES
========================================================= */

body.fg-dark input[type="text"],
body.fg-dark input[type="email"],
body.fg-dark input[type="tel"],
body.fg-dark input[type="password"],
body.fg-dark input[type="search"],
body.fg-dark input[type="number"],
body.fg-dark select,
body.fg-dark textarea {
    background: var(--fg-surface);
    border: 1px solid var(--fg-border);
    color: var(--fg-text);
    border-radius: var(--fg-radius-sm);
    box-shadow: none;
}

body.fg-dark input::placeholder,
body.fg-dark textarea::placeholder {
    color: var(--fg-text-muted);
}

body.fg-dark input:focus,
body.fg-dark select:focus,
body.fg-dark textarea:focus {
    border-color: rgba(8,127,245,.75);
    box-shadow: 0 0 0 3px rgba(8,127,245,.10);
}


/* =========================================================
   05. HEADER
========================================================= */

body.fg-dark #header,
body.fg-dark #header .header-wrapper {
    background: #0d1017;
}

body.fg-dark #header .header-main,
body.fg-dark #header .header-main .header-inner {
    background-color: #0d111a !important;
    border-bottom: 1px solid rgba(255,255,255,.055);
}

body.fg-dark #header .logo img {
    transition: transform .25s ease, opacity .25s ease;
}

body.fg-dark #header .logo:hover img {
    transform: scale(1.025);
}

body.fg-dark #header .header-bottom {
    background-color: #0b0e14 !important;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

body.fg-dark #header .header-bottom-nav,
body.fg-dark #header .header-bg-color {
    background-color: transparent;
}

body.fg-dark #header .header-bottom .nav > li > a {
    color: #b8bec9;
    font-weight: 600;
    letter-spacing: .01em;
}

body.fg-dark #header .header-bottom .nav > li > a:hover {
    color: #fff;
}

body.fg-dark #header .header-bottom .nav > li.active > a,
body.fg-dark #header .header-bottom .nav > li.current-menu-item > a {
    color: var(--fg-primary) !important;
}

body.fg-dark #header .header-bottom .nav > li.active > a::before,
body.fg-dark #header .header-bottom .nav > li.current-menu-item > a::before {
    background-color: var(--fg-primary);
}

/* Buscador */

body.fg-dark #header .searchform,
body.fg-dark #header .searchform .flex-row,
body.fg-dark #header .searchform .flex-col,
body.fg-dark #header .searchform input,
body.fg-dark #header .search-field {
    background-color: #171c26 !important;
}

body.fg-dark #header .searchform {
    border: 1px solid #292f3a;
    border-radius: 8px;
    box-shadow: none;
    overflow: hidden;
    transition: border-color var(--fg-transition), box-shadow var(--fg-transition);
}

body.fg-dark #header .searchform:focus-within {
    border-color: rgba(8,127,245,.70);
    box-shadow: 0 0 0 3px rgba(8,127,245,.10);
}

body.fg-dark #header .searchform input,
body.fg-dark #header input.search-field {
    color: #f4f6f8 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.fg-dark #header input.search-field::placeholder {
    color: #7f8998 !important;
    opacity: 1;
}

body.fg-dark #header .searchform button,
body.fg-dark #header .ux-search-submit {
    background-color: #202632 !important;
    color: #c8ced8 !important;
    border: 0 !important;
    border-left: 1px solid #292f3a !important;
}

body.fg-dark #header .searchform button:hover,
body.fg-dark #header .ux-search-submit:hover {
    background-color: #242b37 !important;
    color: #fff !important;
}


/* Iconos / cuenta / carrito */

body.fg-dark #header .icon-search,
body.fg-dark #header .icon-user,
body.fg-dark #header .icon-shopping-cart,
body.fg-dark #header .icon-menu {
    color: #d5dae2;
}

body.fg-dark #header .account-item > a,
body.fg-dark #header .cart-item > a {
    color: #c7cdd6;
}

body.fg-dark #header .account-item > a:hover,
body.fg-dark #header .cart-item > a:hover {
    color: #fff;
}

body.fg-dark #header .cart-icon strong {
    color: #fff;
    border-color: #fff;
}


/* Dropdown */

body.fg-dark #header .nav-dropdown {
    background: #171c25;
    border: 1px solid #292f3a;
    border-radius: 10px;
    box-shadow: 0 16px 40px rgba(0,0,0,.42);
    overflow: hidden;
}

body.fg-dark #header .nav-dropdown > li > a {
    color: #bbc2cc;
    border-color: rgba(255,255,255,.055);
}

body.fg-dark #header .nav-dropdown > li > a:hover {
    background: rgba(255,255,255,.045);
    color: #fff;
}


/* Sticky */

body.fg-dark .stuck {
    background: rgba(13,16,23,.96) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 8px 28px rgba(0,0,0,.22);
}


/* =========================================================
   06. FLATSOME GENERAL
========================================================= */

body.fg-dark .page-wrapper,
body.fg-dark .shop-page-title,
body.fg-dark .page-title {
    background-color: var(--fg-bg);
}

body.fg-dark .breadcrumbs {
    color: var(--fg-text-muted);
}

body.fg-dark .breadcrumbs a {
    color: var(--fg-text-secondary);
}

body.fg-dark .breadcrumbs a:hover {
    color: var(--fg-text);
}


/* =========================================================
   07. SECTION HEADERS V0.2
========================================================= */

body.fg-dark .section-title-container {
    margin-top: 34px;
    margin-bottom: 22px;
}

body.fg-dark .section-title {
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding-bottom: 12px;
    margin-bottom: 0;
}

body.fg-dark .section-title-main {
    color: var(--fg-text);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.01em;
    border: 0 !important;
    padding-left: 14px;
    position: relative;
}

body.fg-dark .section-title-main::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: var(--fg-primary);
}

body.fg-dark .section-title-main i,
body.fg-dark .section-title-main .icon-star,
body.fg-dark .section-title-main::after {
    display: none !important;
}

body.fg-dark .section-title a {
    color: #9aa4b2;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.fg-dark .section-title a:hover {
    color: var(--fg-primary);
}

body.fg-dark .section-title a i {
    color: inherit;
}


/* =========================================================
   08. PRODUCT CARDS V0.6
   HOME + SHOP + PRODUCT CATEGORY
   Compacto, consistente y responsive
========================================================= */

/*
 * Este bloque usa selectores globales de Flatsome:
 * .product-small.box
 *
 * Por eso el mismo diseño se aplica automáticamente a:
 * - Home
 * - Tienda / Shop
 * - Categorías de producto WooCommerce
 * - Carruseles / grids que usen product-small
 */

body.fg-dark .product-small.box {
    background: var(--fg-surface);

    border: 1px solid rgba(255,255,255,.055);
    border-radius: 11px;

    overflow: hidden;

    display: flex;
    flex-direction: column;

    /*
     * IMPORTANTE:
     * No usamos height:100%.
     * La altura final queda determinada por:
     * imagen + título fijo + bloque de precio fijo.
     * Así evitamos el gran hueco entre título y precio.
     */
    height: auto !important;

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

body.fg-dark .product-small.box:hover {
    transform: translateY(-3px);

    background: var(--fg-surface-hover);
    border-color: rgba(8,127,245,.24);

    box-shadow: 0 12px 30px rgba(0,0,0,.24);
}


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

body.fg-dark .product-small.box .box-image {
    background: #10141b;

    overflow: hidden;
    flex-shrink: 0;
}

body.fg-dark .product-small.box .box-image img {
    width: 100%;
    display: block;

    transition: transform .28s ease;
}

body.fg-dark .product-small.box:hover .box-image img {
    transform: scale(1.025);
}


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

body.fg-dark .product-small.box .box-text {
    background: transparent;

    padding: 13px 13px 14px;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    /*
     * No dejamos que esta zona crezca indefinidamente.
     * Eso elimina el hueco exagerado.
     */
    flex: 0 0 auto !important;
}

body.fg-dark .product-small.box .box-text-products {
    border: 0;
}


/* =========================================================
   TÍTULO
========================================================= */

body.fg-dark .product-small.box .title-wrapper {
    height: 44px !important;
    min-height: 44px !important;

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

    overflow: hidden;
}

body.fg-dark .product-small.box .product-title {
    margin: 0;

    line-height: 1.35;
}

body.fg-dark .product-small.box .product-title a {
    color: var(--fg-text) !important;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;

    text-decoration: none;

    display: -webkit-box;
    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;
    line-clamp: 2;

    overflow: hidden;
}

body.fg-dark .product-small.box .product-title a:hover {
    color: #fff !important;
}


/* =========================================================
   BLOQUE DE PRECIO
========================================================= */

body.fg-dark .product-small.box .price-wrapper {
    margin: 0 !important;

    padding-top: 8px !important;

    height: 58px !important;
    min-height: 58px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    overflow: visible !important;
}

body.fg-dark .product-small.box .price {
    width: 100% !important;

    height: auto !important;
    min-height: 42px !important;

    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    line-height: 1.2 !important;
}


/* =========================================================
   PRECIO ACTUAL
========================================================= */

body.fg-dark .product-small.box .price,
body.fg-dark .product-small.box .price .amount {
    color: #fff !important;

    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}


/* =========================================================
   PRECIO ANTERIOR / TACHADO
========================================================= */

body.fg-dark .product-small.box .price del {
    display: block !important;

    margin: 0 0 3px !important;

    color: #98a2b0 !important;
    opacity: 1 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;

    text-decoration-color: #98a2b0 !important;
    text-decoration-thickness: 1px !important;
}

body.fg-dark .product-small.box .price del .amount,
body.fg-dark .product-small.box .price del .woocommerce-Price-amount,
body.fg-dark .product-small.box .price del .woocommerce-Price-currencySymbol {
    color: #98a2b0 !important;
    opacity: 1 !important;

    font-size: inherit !important;
    font-weight: inherit !important;
}


/* =========================================================
   PRECIO CON DESCUENTO
========================================================= */

body.fg-dark .product-small.box .price ins {
    display: block !important;

    margin: 0 !important;

    text-decoration: none !important;

    line-height: 1.2 !important;
}

body.fg-dark .product-small.box .price ins .amount {
    color: #fff !important;

    font-size: 16px !important;
    font-weight: 700 !important;
}


/* =========================================================
   BADGES
========================================================= */

body.fg-dark .product-small.box .badge-container {
    margin: 9px;
}

body.fg-dark .product-small.box .badge {
    border-radius: 7px;
}

body.fg-dark .product-small.box .badge-inner {
    background: var(--fg-accent) !important;

    color: #fff;

    border-radius: 7px;

    font-weight: 700;

    box-shadow: none;
}


/* =========================================================
   QUICK VIEW
========================================================= */

body.fg-dark .product-small.box .quick-view {
    background: rgba(13,16,21,.92);

    color: #fff;

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

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}


/* =========================================================
   ESPACIADO EXTERIOR
========================================================= */

body.fg-dark .product-small {
    padding-bottom: 6px;
}


/* =========================================================
   08B. PRODUCT CAROUSELS V0.2
   HOME — Flatsome / Flickity
   Flechas corregidas + ritmo vertical + mobile peek
========================================================= */

/*
 * Estas reglas se limitan a Rows slider de Flatsome que
 * contienen product-small. No afectan Hero ni otros sliders.
 */


/* =========================================================
   DESKTOP — CARRUSEL
========================================================= */

@media (min-width: 850px) {

    body.fg-dark .row-slider:has(.product-small) {
        margin-top: 2px !important;
        margin-bottom: 10px !important;
    }

    /*
     * Botón de navegación
     * Se usa el botón nativo de Flickity pero ocultamos su SVG
     * y dibujamos el chevron con CSS para evitar círculos vacíos.
     */
    body.fg-dark .row-slider:has(.product-small) .flickity-prev-next-button {
        position: absolute !important;

        width: 38px !important;
        height: 38px !important;

        top: 50% !important;

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

        background: #141a23 !important;

        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 10px !important;

        color: #cbd3df !important;

        opacity: .95 !important;

        box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;

        transform: translateY(-50%) !important;

        transition:
            background-color .20s ease,
            border-color .20s ease,
            color .20s ease,
            box-shadow .20s ease,
            opacity .20s ease !important;
    }

    /*
     * Ocultamos por completo el icono original.
     */
    body.fg-dark .row-slider:has(.product-small) .flickity-prev-next-button svg {
        display: none !important;
    }

    /*
     * Chevron propio.
     */
    body.fg-dark .row-slider:has(.product-small) .flickity-prev-next-button::after {
        content: "";

        position: absolute;

        top: 50%;
        left: 50%;

        width: 9px;
        height: 9px;

        border-top: 2px solid currentColor;
        border-right: 2px solid currentColor;

        pointer-events: none;
    }

    body.fg-dark .row-slider:has(.product-small) .flickity-prev-next-button.previous::after {
        transform:
            translate(-38%, -50%)
            rotate(-135deg);
    }

    body.fg-dark .row-slider:has(.product-small) .flickity-prev-next-button.next::after {
        transform:
            translate(-62%, -50%)
            rotate(45deg);
    }

    /*
     * Posición de las flechas.
     * Quedan cerca de las cards y dentro del área del slider.
     */
    body.fg-dark .row-slider:has(.product-small) .flickity-prev-next-button.previous {
        left: 8px !important;
    }

    body.fg-dark .row-slider:has(.product-small) .flickity-prev-next-button.next {
        right: 8px !important;
    }

    /*
     * Hover.
     */
    body.fg-dark .row-slider:has(.product-small) .flickity-prev-next-button:hover {
        background: #182231 !important;

        border-color: rgba(8,127,245,.55) !important;

        color: #ffffff !important;

        opacity: 1 !important;

        box-shadow:
            0 10px 26px rgba(0,0,0,.32),
            0 0 0 1px rgba(8,127,245,.08) !important;
    }

    /*
     * Deshabilitada.
     */
    body.fg-dark .row-slider:has(.product-small) .flickity-prev-next-button:disabled,
    body.fg-dark .row-slider:has(.product-small) .flickity-prev-next-button[disabled] {
        opacity: .25 !important;
        cursor: default !important;
    }
}


/* =========================================================
   SECTION TITLES / "VER TODOS"
   Desktop + Mobile
========================================================= */

body.fg-dark .section-title-container {
    margin-top: 30px;
    margin-bottom: 18px;
}

body.fg-dark .section-title {
    min-height: 40px;

    display: flex;
    align-items: flex-end;

    padding-bottom: 11px;
}

body.fg-dark .section-title a {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    min-height: 30px;

    padding: 0 2px;

    color: #8f99a8 !important;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .04em;

    text-decoration: none !important;

    transition:
        color .20s ease,
        transform .20s ease !important;
}

body.fg-dark .section-title a:hover {
    color: var(--fg-primary) !important;

    transform: translateX(2px);
}

body.fg-dark .section-title a i {
    margin: 0 !important;

    color: currentColor !important;

    font-size: .9em;

    transition: transform .20s ease;
}

body.fg-dark .section-title a:hover i {
    transform: translateX(2px);
}


/* =========================================================
   MOBILE — PRODUCT CAROUSEL
   2.2 cards visibles aprox.
========================================================= */

@media (max-width: 849px) {

    /*
     * En móvil ocultamos flechas y dejamos navegación táctil.
     */
    body.fg-dark .row-slider:has(.product-small) .flickity-prev-next-button {
        display: none !important;
    }

    /*
     * 45.45% ≈ 2.2 cards visibles.
     */
    body.fg-dark .row-slider:has(.product-small) > .col,
    body.fg-dark .row-slider:has(.product-small) .flickity-slider > .col {
        width: 45.45% !important;
        max-width: 45.45% !important;
        flex: 0 0 45.45% !important;

        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    body.fg-dark .row-slider:has(.product-small) {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }

    body.fg-dark .section-title-container {
        margin-top: 24px;
        margin-bottom: 14px;
    }

    body.fg-dark .section-title {
        min-height: 36px;
        padding-bottom: 9px;
    }

    body.fg-dark .section-title a {
        min-height: 32px;

        padding: 0 3px;

        font-size: 11px;
    }
}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 380px) {

    body.fg-dark .row-slider:has(.product-small) > .col,
    body.fg-dark .row-slider:has(.product-small) .flickity-slider > .col {
        width: 48% !important;
        max-width: 48% !important;
        flex: 0 0 48% !important;
    }
}


/* =========================================================
   09. CATEGORY CARDS V0.3
   Robusto si fg-category-card está:
   A) en cada section, o
   B) en el wrapper que contiene PS3/PS4/PS5
========================================================= */

/* El wrapper nunca debe recortar las categorías */
body.fg-dark .fg-category-card:not(.section) {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* Selector de la card real */
body.fg-dark .fg-category-card.section,
body.fg-dark .fg-category-card .section.dark {
    position: relative;
    min-height: 250px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    overflow: hidden;
    background: var(--fg-surface);
    box-shadow: 0 8px 24px rgba(0,0,0,.14);
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

body.fg-dark .fg-category-card.section:hover,
body.fg-dark .fg-category-card .section.dark:hover {
    transform: translateY(-3px);
    border-color: rgba(8,127,245,.28);
    box-shadow: 0 16px 34px rgba(0,0,0,.24);
}

/* Fondo */
body.fg-dark .fg-category-card.section .section-bg,
body.fg-dark .fg-category-card .section.dark .section-bg {
    overflow: hidden;
}

body.fg-dark .fg-category-card.section .section-bg img,
body.fg-dark .fg-category-card .section.dark .section-bg img {
    transition: transform .45s ease, filter .45s ease;
}

body.fg-dark .fg-category-card.section:hover .section-bg img,
body.fg-dark .fg-category-card .section.dark:hover .section-bg img {
    transform: scale(1.035);
}

/* Overlay */
body.fg-dark .fg-category-card.section .section-bg-overlay,
body.fg-dark .fg-category-card .section.dark .section-bg-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(7,10,15,.16) 0%,
            rgba(7,10,15,.40) 48%,
            rgba(7,10,15,.76) 100%
        ) !important;
}

/* Gap oculto solo en dark */
body.fg-dark .fg-category-card.section .gap-element,
body.fg-dark .fg-category-card .section.dark .gap-element {
    display: none !important;
}

/* Contenido */
body.fg-dark .fg-category-card.section .section-content,
body.fg-dark .fg-category-card .section.dark .section-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 250px;
    padding: 24px;
    text-align: center;
}

body.fg-dark .fg-category-card.section h2,
body.fg-dark .fg-category-card .section.dark h2 {
    margin: 0 0 16px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.015em;
    text-shadow: 0 2px 10px rgba(0,0,0,.32);
}

body.fg-dark .fg-category-card.section .button,
body.fg-dark .fg-category-card .section.dark .button {
    margin: 0;
    min-height: 40px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--fg-primary) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 8px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
    box-shadow: 0 6px 16px rgba(8,127,245,.14);
    transition:
        transform .20s ease,
        background-color .20s ease,
        box-shadow .20s ease;
}

body.fg-dark .fg-category-card.section .button.secondary,
body.fg-dark .fg-category-card .section.dark .button.secondary {
    background: var(--fg-primary) !important;
}

body.fg-dark .fg-category-card.section .button:hover,
body.fg-dark .fg-category-card .section.dark .button:hover {
    background: var(--fg-primary-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(8,127,245,.22);
}


/* =========================================================
   10. TRUST SECTION V0.2
========================================================= */

body.fg-dark .fg-trust-section {
    background: #10141b !important;
    border-top: 1px solid rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(255,255,255,.06);
    padding: 18px 0 !important;
}

body.fg-dark .fg-trust-section .ux-shape-divider {
    display: none !important;
}

body.fg-dark .fg-trust-section .row {
    display: flex;
    align-items: center;
}

body.fg-dark .fg-trust-section .col-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
}

body.fg-dark .fg-trust-section .img {
    width: auto !important;
    margin: 0 !important;
    flex-shrink: 0;
}

body.fg-dark .fg-trust-section .img-inner {
    background: transparent;
}

body.fg-dark .fg-trust-section .img img {
    width: auto;
    height: 22px;
    max-width: none;
    display: block;
}

body.fg-dark .fg-trust-section .text {
    margin: 0;
}

body.fg-dark .fg-trust-section .text p {
    margin: 0;
    color: var(--fg-text-secondary) !important;
    font-size: 14px;
    line-height: 1.4;
}

body.fg-dark .fg-trust-section .text a {
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,.35);
}

body.fg-dark .fg-trust-section .text a:hover {
    color: var(--fg-primary) !important;
    border-color: var(--fg-primary);
}

body.fg-dark .fg-trust-section .button {
    margin: 0 0 0 auto;
    min-height: 38px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 7px !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
    box-shadow: none !important;
    transition:
        background-color .20s ease,
        border-color .20s ease,
        color .20s ease,
        transform .20s ease;
}

body.fg-dark .fg-trust-section .button:hover {
    background: rgba(8,127,245,.08) !important;
    border-color: rgba(8,127,245,.55) !important;
    color: #fff !important;
    transform: translateY(-1px);
}


/* =========================================================
   HERO FC27 — DESKTOP FINAL
   Alineación + estilos restaurados
========================================================= */

@media (min-width: 850px) {

/* -----------------------------------------------------
    POSICIÓN GENERAL
----------------------------------------------------- */

    body.fg-dark .fg-hero-fc27 .fg-hero-fc27-content {
        /*
         * Ajuste horizontal únicamente.
         * 35px lo devuelve hacia la derecha respecto
         * del resultado actual y lo acerca al borde del logo.
         */
        margin-left: 15px !important;

        width: min(480px, 42vw) !important;
        max-width: 480px !important;

        text-align: left !important;
    }

    body.fg-dark .fg-hero-fc27 .fg-hero-fc27-content .text-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;

        text-align: left !important;
    }


    /* -----------------------------------------------------
       PREVENTA DISPONIBLE
       ----------------------------------------------------- */

    body.fg-dark .fg-hero-fc27 .fg-fc27-badge {
        display: inline-flex !important;
        align-items: center !important;

        min-height: 30px !important;

        margin: 0 0 16px !important;
        padding: 0 12px !important;

        color: #69e58f !important;

        background: rgba(34,197,94,.10) !important;
        border: 1px solid rgba(34,197,94,.32) !important;
        border-radius: 6px !important;

        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .07em !important;

        text-transform: uppercase !important;
        text-align: left !important;
    }


    /* -----------------------------------------------------
       EA SPORTS FC 27
       ----------------------------------------------------- */

    body.fg-dark .fg-hero-fc27 .fg-fc27-title {
        display: block !important;

        margin: 0 0 16px !important;
        padding: 0 !important;

        color: #fff !important;

        font-size: clamp(42px, 3.45vw, 62px) !important;
        font-weight: 700 !important;
        line-height: .98 !important;
        letter-spacing: -.035em !important;

        text-align: left !important;
    }


    /* -----------------------------------------------------
       PS4 / PS5
       ----------------------------------------------------- */

    body.fg-dark .fg-hero-fc27 .fg-fc27-platforms {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 8px !important;

        width: auto !important;

        margin: 0 0 20px !important;
        padding: 0 !important;
    }

    body.fg-dark .fg-hero-fc27 .fg-fc27-chip {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-width: 48px !important;
        height: 30px !important;

        padding: 0 11px !important;

        color: #d9dee6 !important;

        background: rgba(255,255,255,.055) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 6px !important;

        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .04em !important;
    }


    /* -----------------------------------------------------
       LANZAMIENTO / FECHA
       ----------------------------------------------------- */

    body.fg-dark .fg-hero-fc27 .fg-fc27-launch {
        margin: 0 0 20px !important;
        padding: 0 !important;

        color: var(--fg-text-secondary) !important;

        text-align: left !important;
    }

    body.fg-dark .fg-hero-fc27 .fg-fc27-launch span {
        display: block !important;

        margin: 0 0 6px !important;

        color: var(--fg-text-muted) !important;

        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .08em !important;

        text-transform: uppercase !important;
    }

    body.fg-dark .fg-hero-fc27 .fg-fc27-launch strong {
        display: block !important;

        color: #e7ebf0 !important;

        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }


/* -----------------------------------------------------
       BOTÓN
       ----------------------------------------------------- */

body.fg-dark .fg-hero-fc27 .fg-fc27-cta,
body.fg-dark .fg-hero-fc27 a.fg-fc27-cta,
body.fg-dark .fg-hero-fc27 .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;

    /* Fuerza el botón al borde izquierdo del Text Box */
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;

    padding: 0 26px !important;

    color: #ffffff !important;
    background: var(--fg-primary) !important;

    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 8px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .035em !important;

    text-transform: uppercase !important;
    text-align: center !important;

    float: none !important;

    box-shadow: 0 8px 22px rgba(8,127,245,.20) !important;
}

/* Si Flatsome lo envuelve en un párrafo, alineamos también el wrapper */
body.fg-dark .fg-hero-fc27 .fg-hero-fc27-content p:has(.fg-fc27-cta),
body.fg-dark .fg-hero-fc27 .fg-hero-fc27-content p:has(.button) {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

/* Hover */
body.fg-dark .fg-hero-fc27 .fg-fc27-cta:hover,
body.fg-dark .fg-hero-fc27 .button:hover {
    background: var(--fg-primary-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(8,127,245,.28) !important;
}

 /* -----------------------------------------------------
       FINANCIACIÓN
       
----------------------------------------------------- */

    body.fg-dark .fg-hero-fc27 .fg-fc27-financing {
        margin: 0 !important;
        padding: 0 !important;

        color: #aeb6c2 !important;

        font-size: 14px !important;
        line-height: 1.4 !important;

        text-align: left !important;
    }
}

/* =========================================================
   12. MOBILE
========================================================= */

@media (max-width: 849px) {


    /* Header */

    body.fg-dark #header,
    body.fg-dark #header .header-wrapper {
        background: #0d1017;
    }

    body.fg-dark #header .header-main {
        background: #10141d;
    }

    body.fg-dark #header .mobile-nav .nav-icon a {
        color: #f4f6f8;
    }

    /* Section headers */

    body.fg-dark .section-title-container {
        margin-top: 24px;
        margin-bottom: 18px;
    }

    body.fg-dark .section-title {
        padding-bottom: 10px;
    }

    body.fg-dark .section-title-main {
        font-size: 18px;
        padding-left: 11px;
    }

    body.fg-dark .section-title-main::before {
        width: 3px;
        height: 18px;
    }

    body.fg-dark .section-title a {
        font-size: 11px;
    }


    /* =====================================================
       PRODUCT CARDS — MOBILE
       HOME + SHOP + PRODUCT CATEGORY
    ===================================================== */

    body.fg-dark .product-small.box {
        border-radius: 9px;

        /* También evitamos stretch vertical en móvil */
        height: auto !important;
    }

    body.fg-dark .product-small.box .box-text {
        padding: 10px 10px 12px !important;

        flex: 0 0 auto !important;
    }

    body.fg-dark .product-small.box .title-wrapper {
        height: 42px !important;
        min-height: 42px !important;
    }

    body.fg-dark .product-small.box .product-title a {
        font-size: 13px;
    }

    body.fg-dark .product-small.box .price-wrapper {
        height: 56px !important;
        min-height: 56px !important;

        padding-top: 7px !important;

        margin: 0 !important;
    }

    body.fg-dark .product-small.box .price {
        height: auto !important;
        min-height: 40px !important;
    }

    body.fg-dark .product-small.box .price,
    body.fg-dark .product-small.box .price .amount,
    body.fg-dark .product-small.box .price ins .amount {
        font-size: 15px !important;
    }

    body.fg-dark .product-small.box .price del {
        margin-bottom: 2px !important;

        color: #98a2b0 !important;

        font-size: 13px !important;
        font-weight: 500 !important;
    }

    body.fg-dark .product-small.box .price del .amount,
    body.fg-dark .product-small.box .price del .woocommerce-Price-amount,
    body.fg-dark .product-small.box .price del .woocommerce-Price-currencySymbol {
        color: #98a2b0 !important;

        font-size: inherit !important;
        font-weight: inherit !important;
    }


    /* Trust section */

    body.fg-dark .fg-trust-section {
        padding: 14px 0 !important;
        min-height: 0 !important;
    }

    body.fg-dark .fg-trust-section .section-content,
    body.fg-dark .fg-trust-section .row {
        min-height: 0 !important;
    }

    body.fg-dark .fg-trust-section .col {
        padding-bottom: 0 !important;
    }

    body.fg-dark .fg-trust-section .col-inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 8px;
        min-height: 0 !important;
    }

    body.fg-dark .fg-trust-section .img img {
        height: 18px;
    }

    body.fg-dark .fg-trust-section .text p {
        font-size: 13px;
        line-height: 1.4;
    }

    body.fg-dark .fg-trust-section .button {
        margin: 4px 0 0;
        min-height: 36px;
        padding: 0 15px;
        font-size: 11px;
    }


    /* -----------------------------------------------------
       CATEGORY CARDS MOBILE
       IMPORTANTE: no fijamos altura del wrapper.
       Solo compactamos las SECTION reales.
    ----------------------------------------------------- */

    body.fg-dark .fg-category-card:not(.section) {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body.fg-dark .fg-category-card.section,
    body.fg-dark .fg-category-card .section.dark {
        min-height: 175px !important;
        height: 175px !important;
        max-height: 175px !important;
        border: 1px solid rgba(255,255,255,.08) !important;
        border-radius: 11px;
        overflow: hidden !important;
        box-shadow: 0 6px 18px rgba(0,0,0,.16);
        margin-bottom: 12px;
    }

    body.fg-dark .fg-category-card.section .section-bg,
    body.fg-dark .fg-category-card .section.dark .section-bg {
        height: 100% !important;
        min-height: 0 !important;
    }

    body.fg-dark .fg-category-card.section .section-bg img,
    body.fg-dark .fg-category-card .section.dark .section-bg img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    body.fg-dark .fg-category-card.section .section-content,
    body.fg-dark .fg-category-card .section.dark .section-content {
        min-height: 175px !important;
        height: 175px !important;
        padding: 16px 18px !important;
        display: flex;
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    body.fg-dark .fg-category-card.section .section-bg-overlay,
    body.fg-dark .fg-category-card .section.dark .section-bg-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(7,10,15,.18) 0%,
                rgba(7,10,15,.42) 48%,
                rgba(7,10,15,.74) 100%
            ) !important;
    }

    body.fg-dark .fg-category-card.section h2,
    body.fg-dark .fg-category-card .section.dark h2 {
        width: 100%;
        margin: 0 0 12px !important;
        font-size: 20px;
        line-height: 1.2;
        text-align: center !important;
    }

    body.fg-dark .fg-category-card.section .button,
    body.fg-dark .fg-category-card .section.dark .button {
        min-height: 44px;
        padding: 0 22px;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .03em;
        border-radius: 8px;
        box-shadow: 0 6px 16px rgba(8,127,245,.16);
    }

    body.fg-dark .fg-category-card.section:hover,
    body.fg-dark .fg-category-card .section.dark:hover {
        transform: none;
        border-color: rgba(255,255,255,.08) !important;
    }

    body.fg-dark .fg-category-card.section:hover .section-bg img,
    body.fg-dark .fg-category-card .section.dark:hover .section-bg img {
        transform: none;
    }
}


/* =========================================================
   13. HERO FC27 MOBILE - CLEAN V2.0
   ÚNICO BLOQUE MÓVIL DEL HERO
   UX Builder:
   Banner: fg-hero-fc27-mobile
   Text Box: fg-hero-fc27-mobile-content
   Button: fg-fc27-cta
   Financing text: fg-fc27-financing
========================================================= */

@media (max-width: 849px) {

    /* ---------- Banner / imagen ---------- */

    body.fg-dark .fg-hero-fc27-mobile {
        position: relative !important;
        isolation: isolate;
        overflow: hidden !important;
        background: #05080c !important;
    }

    /* Desplaza el arte a la derecha */
    body.fg-dark .fg-hero-fc27-mobile .banner-bg {
        left: 9% !important;
        right: -9% !important;
        width: auto !important;
        z-index: 1 !important;
    }

    body.fg-dark .fg-hero-fc27-mobile .banner-bg .bg-fill,
    body.fg-dark .fg-hero-fc27-mobile .bg-fill {
        transform: none !important;
        background-position: center center !important;
        z-index: 1 !important;
    }

    /* Oscurecimiento izquierdo sobre la imagen */
    body.fg-dark .fg-hero-fc27-mobile::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        pointer-events: none;
        background: linear-gradient(
            90deg,
            rgba(3,6,10,.84) 0%,
            rgba(3,6,10,.74) 22%,
            rgba(3,6,10,.54) 40%,
            rgba(3,6,10,.28) 56%,
            rgba(3,6,10,.08) 68%,
            rgba(3,6,10,0) 80%
        );
    }

    body.fg-dark .fg-hero-fc27-mobile .banner-layers,
    body.fg-dark .fg-hero-fc27-mobile .text-box,
    body.fg-dark .fg-hero-fc27-mobile-content {
        z-index: 4 !important;
    }


    /* ---------- Text Box ---------- */

    body.fg-dark .fg-hero-fc27-mobile-content {
        width: 59% !important;
        max-width: 255px !important;
        left: 24px !important;
        right: auto !important;
        transform: translateY(-50%) !important;
    }

    body.fg-dark .fg-hero-fc27-mobile-content .text-inner {
        text-align: left !important;
    }


    /* ---------- PREVENTA ---------- */

    body.fg-dark .fg-fc27-badge {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 34px !important;

        margin: 0 0 16px !important;
        padding: 0 13px !important;

        color: #78f39e !important;
        background: rgba(8,64,31,.34) !important;
        border: 1px solid rgba(34,197,94,.48) !important;
        border-radius: 7px !important;

        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: .05em !important;
        white-space: nowrap !important;
    }


    /* ---------- EA SPORTS / FC 27 ---------- */

    body.fg-dark .fg-fc27-title {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 14px !important;
        row-gap: 14px !important;

        margin: 0 0 22px !important;
        padding: 0 !important;

        color: #fff !important;
        font-size: 45px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: -1.5px !important;
        text-shadow: 0 2px 14px rgba(0,0,0,.34);
    }

    body.fg-dark .fg-fc27-title span {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.fg-dark .fg-fc27-title span + span {
        margin-top: 0 !important;
    }


    /* ---------- PS4 / PS5 ---------- */

    body.fg-dark .fg-fc27-platforms {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;

        margin: 0 0 22px !important;
        padding: 0 !important;
    }

    body.fg-dark .fg-fc27-chip {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-width: 52px !important;
        height: 32px !important;
        padding: 0 12px !important;

        color: #f4f6f8 !important;
        background: rgba(10,14,20,.65) !important;
        border: 1px solid rgba(255,255,255,.20) !important;
        border-radius: 7px !important;

        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }


    /* ---------- LANZAMIENTO / FECHA ---------- */

    body.fg-dark .fg-fc27-launch {
        margin: 0 0 20px !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    body.fg-dark .fg-fc27-launch > span {
        display: block !important;
        margin: 0 0 8px !important;

        color: #b6bec9 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .07em !important;
    }

    body.fg-dark .fg-fc27-launch strong {
        display: block !important;
        margin: 0 !important;

        color: #fff !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }


    /* ---------- CTA ---------- */

    body.fg-dark .fg-fc27-cta,
    body.fg-dark .fg-fc27-cta.button,
    body.fg-dark .fg-hero-fc27-mobile-content .button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 242px !important;
        max-width: 100% !important;
        min-height: 54px !important;
        height: 54px !important;

        margin: 0 0 18px !important;
        padding: 0 20px !important;

        color: #fff !important;
        background: #087ff5 !important;
        border: 1px solid rgba(255,255,255,.10) !important;
        border-radius: 9px !important;

        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: .02em !important;
        text-align: center !important;

        box-shadow: 0 9px 24px rgba(8,127,245,.30) !important;
    }

    body.fg-dark .fg-fc27-cta span,
    body.fg-dark .fg-hero-fc27-mobile-content .button span {
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        line-height: 1 !important;
    }


    /* ---------- FINANCIACIÓN ---------- */

    body.fg-dark .fg-fc27-financing,
    body.fg-dark .fg-fc27-financing p,
    body.fg-dark p.fg-fc27-financing {
        max-width: 220px !important;
        margin: 0 !important;
        padding: 0 !important;

        color: #dce1e7 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        white-space: normal !important;
    }
}


/* iPhone / móviles estrechos */
@media (max-width: 389px) {

    body.fg-dark .fg-hero-fc27-mobile .banner-bg {
        left: 10% !important;
        right: -10% !important;
    }

    body.fg-dark .fg-hero-fc27-mobile-content {
        width: 61% !important;
        max-width: 225px !important;
        left: 18px !important;
    }

    body.fg-dark .fg-fc27-badge {
        margin-bottom: 14px !important;
        font-size: 11.5px !important;
    }

    body.fg-dark .fg-fc27-title {
        gap: 12px !important;
        row-gap: 12px !important;
        margin-bottom: 20px !important;
        font-size: 39px !important;
    }

    body.fg-dark .fg-fc27-platforms {
        margin-bottom: 20px !important;
    }

    body.fg-dark .fg-fc27-chip {
        min-width: 47px !important;
        height: 30px !important;
        font-size: 12.5px !important;
    }

    body.fg-dark .fg-fc27-launch {
        margin-bottom: 18px !important;
    }

    body.fg-dark .fg-fc27-launch > span {
        font-size: 12px !important;
        margin-bottom: 7px !important;
    }

    body.fg-dark .fg-fc27-launch strong {
        font-size: 18px !important;
    }

    body.fg-dark .fg-fc27-cta,
    body.fg-dark .fg-fc27-cta.button,
    body.fg-dark .fg-hero-fc27-mobile-content .button {
        width: 218px !important;
        min-height: 52px !important;
        height: 52px !important;
        margin-bottom: 16px !important;
        font-size: 14px !important;
    }

    body.fg-dark .fg-fc27-financing,
    body.fg-dark .fg-fc27-financing p,
    body.fg-dark p.fg-fc27-financing {
        max-width: 190px !important;
        font-size: 13px !important;
    }
}

/* =========================================================
   FUSION GAMES — HOME TRUST BAR
   FINAL — RESPETA CONTENEDOR NATIVO DE FLATSOME

   UX Builder:
   Section: fg-home-trust
   Row:     row nativo de Flatsome
   Column:  fg-home-trust-item
========================================================= */

/* ---------- BASE ---------- */

body.fg-dark .fg-home-trust {
    background: #0b1018;
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.06);

    /* Solo control vertical. El ancho lo gestiona Flatsome. */
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.fg-dark .fg-home-trust .section-content {
    min-height: 0 !important;
    height: auto !important;
}

/*
 * IMPORTANTE:
 * No definimos width, max-width ni márgenes laterales para .row.
 * Flatsome conserva su contenedor nativo y sus gutters.
 */
body.fg-dark .fg-home-trust .row {
    min-height: 0 !important;
    height: auto !important;

    padding-top: 14px !important;
    padding-bottom: 14px !important;

    align-items: stretch !important;
}

body.fg-dark .fg-home-trust-item {
    position: relative;
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
}

body.fg-dark .fg-home-trust-item .col-inner {
    min-height: 0 !important;
    height: 100% !important;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

body.fg-dark .fg-home-trust-item .text,
body.fg-dark .fg-home-trust-item p {
    margin: 0 !important;
}

body.fg-dark .fg-trust-icon,
body.fg-dark .fg-trust-stars {
    min-height: 23px;

    display: flex;
    align-items: center;

    margin: 0 0 7px !important;

    color: #ffb020;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
}

body.fg-dark .fg-trust-title {
    margin: 0 0 4px !important;

    color: #f5f7fa;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
}

body.fg-dark .fg-trust-desc {
    margin: 0 !important;

    color: #8f99a8;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
}


/* =========================================================
   TRUST BAR — DESKTOP
========================================================= */

@media (min-width: 850px) {

    /*
     * No alteramos width/max-width/flex-basis de las columnas.
     * Las columnas 3/12 configuradas en UX Builder conservan
     * el comportamiento nativo de Flatsome.
     */

    body.fg-dark .fg-home-trust-item:not(:last-child)::after {
        content: "";
        position: absolute;

        top: 4px;
        right: 0;
        bottom: 4px;

        width: 1px;

        background: rgba(255,255,255,.08);
    }
}


/* =========================================================
   TRUST BAR — MOBILE
========================================================= */

@media (max-width: 849px) {

    /*
     * La row sigue dentro del contenedor nativo.
     * Sólo cambiamos su distribución interna a 2 x 2.
     */
    body.fg-dark .fg-home-trust .row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.fg-dark .fg-home-trust-item {
        width: 100% !important;
        max-width: none !important;
        flex-basis: auto !important;

        min-height: 104px !important;

        padding-top: 16px !important;
        padding-bottom: 16px !important;

        margin: 0 !important;

        display: flex;
        align-items: center;
    }

    body.fg-dark .fg-home-trust-item .col-inner {
        width: 100%;
    }

    body.fg-dark .fg-home-trust-item::after {
        display: none !important;
    }

    body.fg-dark .fg-home-trust-item:nth-child(odd) {
        border-right: 1px solid rgba(255,255,255,.07);
    }

    body.fg-dark .fg-home-trust-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.07);
    }

    body.fg-dark .fg-trust-title {
        font-size: 15px;
    }

    body.fg-dark .fg-trust-desc {
        font-size: 13px;
    }
}


/* Móviles pequeños */
@media (max-width: 380px) {

    body.fg-dark .fg-home-trust-item {
        min-height: 98px !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }

    body.fg-dark .fg-trust-title {
        font-size: 14px;
    }

    body.fg-dark .fg-trust-desc {
        font-size: 12.5px;
    }
}


/* =========================================================
   FUSION GAMES — CATÁLOGOS
   FINAL LIMPIO — CONTENEDOR NATIVO FLATSOME

   DESKTOP — UX Builder:
   Section: fg-catalog-section fg-catalog-desktop

   Row encabezado: fg-catalog-heading-row
     Column 12/12
       Text: fg-catalog-heading

   Row tarjetas: fg-catalog-row
     Column 3/12: fg-catalog-col
       Image: fg-catalog-desktop-image + clase específica

   MOBILE:
   Section: fg-catalog-section fg-catalog-mobile
   Text: fg-catalog-heading
   Row: fg-catalog-mobile-row
   Column: fg-catalog-mobile-col + clase específica
   Image: fg-catalog-mobile-image + clase específica
========================================================= */


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

body.fg-dark .fg-catalog-section {
    background: #080d15 !important;
}

body.fg-dark .fg-catalog-heading {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body.fg-dark .fg-catalog-heading h2 {
    margin: 0 0 6px !important;
    padding: 0 !important;

    color: #f5f7fa !important;

    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
}

body.fg-dark .fg-catalog-heading p {
    margin: 0 !important;
    padding: 0 !important;

    color: #8f99a8 !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}


/* =========================================================
   CATÁLOGO — DESKTOP
========================================================= */

@media (min-width: 850px) {

    body.fg-dark .fg-catalog-mobile {
        display: none !important;
    }

    /* Section: sólo control vertical.
       El ancho horizontal sigue siendo el nativo de Flatsome. */
    body.fg-dark .fg-catalog-desktop {
        padding-top: 30px !important;
        padding-bottom: 32px !important;
        margin: 0 !important;
        background: #080d15 !important;
    }

    /* Encabezado dentro de Row + Column 12/12 */
    body.fg-dark .fg-catalog-desktop .fg-catalog-heading-row {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    body.fg-dark .fg-catalog-desktop .fg-catalog-heading-row > .col {
        padding-bottom: 12px !important;
    }

    body.fg-dark .fg-catalog-desktop .fg-catalog-heading-row .col-inner {
        margin: 0 !important;
    }

    body.fg-dark .fg-catalog-desktop .fg-catalog-heading {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.fg-dark .fg-catalog-desktop .fg-catalog-heading h2 {
        margin: 0 0 6px !important;
        font-size: 24px !important;
        line-height: 1.15 !important;
    }

    body.fg-dark .fg-catalog-desktop .fg-catalog-heading p {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    /* Row de tarjetas: mantiene el contenedor nativo */
    body.fg-dark .fg-catalog-desktop .fg-catalog-row {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Cuatro columnas iguales.
       Reducimos sólo el gutter interno para dar más presencia. */
    body.fg-dark .fg-catalog-desktop .fg-catalog-col {
        margin-bottom: 0 !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    body.fg-dark .fg-catalog-desktop .fg-catalog-col:first-child {
        padding-left: 0 !important;
    }

    body.fg-dark .fg-catalog-desktop .fg-catalog-col:last-child {
        padding-right: 0 !important;
    }

    body.fg-dark .fg-catalog-desktop .fg-catalog-col > .col-inner {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Elemento Image */
    body.fg-dark .fg-catalog-desktop-image {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
     * TODAS LAS CARDS IGUALES
     * Las creatividades desktop fueron pensadas para 2:1.
     * Forzamos el marco a 2:1 para que PS3/PS4/PS5/PLUS
     * tengan exactamente la misma altura.
     */
    body.fg-dark .fg-catalog-desktop-image .img-inner {
        position: relative !important;

        width: 100% !important;
        aspect-ratio: 2 / 1 !important;

        overflow: hidden !important;

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

        background: #060a10 !important;

        border: 1px solid rgba(255,255,255,.11) !important;
        border-radius: 14px !important;

        box-shadow: 0 8px 22px rgba(0,0,0,.18) !important;

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

    /*
     * IMAGEN COMPLETA, SIN RECORTE Y SIN FRANJAS INTERNAS
     * `fill` ocupa todo el marco 2:1. Es apropiado si las
     * imágenes fueron exportadas para esta proporción.
     */
    body.fg-dark .fg-catalog-desktop-image .img-inner img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;
        max-width: none !important;

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

        object-fit: fill !important;
        object-position: center center !important;
    }

    body.fg-dark .fg-catalog-desktop-image:hover .img-inner {
        transform: translateY(-4px);

        border-color: rgba(8,127,245,.38) !important;

        box-shadow:
            0 14px 32px rgba(0,0,0,.30),
            0 0 0 1px rgba(8,127,245,.06) !important;
    }
}


/* =========================================================
   CATÁLOGO — MOBILE
========================================================= */

@media (max-width: 849px) {

    body.fg-dark .fg-catalog-desktop {
        display: none !important;
    }

    body.fg-dark .fg-catalog-mobile {
        padding-top: 20px !important;
        padding-bottom: 30px !important;
        margin: 0 !important;
        background: #080d15 !important;
    }

    body.fg-dark .fg-catalog-mobile .fg-catalog-heading {
        margin-bottom: 15px !important;
    }

    body.fg-dark .fg-catalog-mobile .fg-catalog-heading h2 {
        margin: 0 0 5px !important;
        font-size: 20px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.015em !important;
    }

    body.fg-dark .fg-catalog-mobile .fg-catalog-heading p {
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    body.fg-dark .fg-catalog-mobile .fg-catalog-mobile-row {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.fg-dark .fg-catalog-mobile .fg-catalog-mobile-col {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        margin-bottom: 10px !important;
    }

    body.fg-dark .fg-catalog-mobile-image {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.fg-dark .fg-catalog-mobile-image .img-inner {
        overflow: hidden;
        margin: 0;
        padding: 0;

        border: 1px solid rgba(255,255,255,.12);
        border-radius: 13px;

        background: #080d15;
    }

    body.fg-dark .fg-catalog-mobile-image img {
        display: block;

        width: 100%;
        height: auto;

        margin: 0;
        padding: 0;

        object-fit: contain;
        object-position: center center;
    }
}


/* =========================================================
   CATÁLOGO — MÓVILES PEQUEÑOS
========================================================= */

@media (max-width: 380px) {

    body.fg-dark .fg-catalog-mobile .fg-catalog-heading h2 {
        font-size: 19px !important;
    }

    body.fg-dark .fg-catalog-mobile .fg-catalog-heading p {
        font-size: 13.5px !important;
    }

    body.fg-dark .fg-catalog-mobile .fg-catalog-mobile-col {
        margin-bottom: 8px !important;
    }
}

/* =========================================================
   15. PRODUCT CATEGORY / SHOP DARK V0.2
   Cabecera compacta + sidebar + grid + mobile
   Encapsulado en body.fg-dark
========================================================= */


/* =========================================================
   BASE — SHOP / PRODUCT CATEGORY
========================================================= */

body.fg-dark.woocommerce-shop .shop-page-title,
body.fg-dark.tax-product_cat .shop-page-title {
    margin: 0 !important;
    padding: 16px 0 12px !important;

    background: var(--fg-bg) !important;
    border-bottom: 1px solid rgba(255,255,255,.045) !important;
}

body.fg-dark.woocommerce-shop .shop-page-title .page-title-inner,
body.fg-dark.tax-product_cat .shop-page-title .page-title-inner {
    min-height: 52px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    display: flex !important;
    align-items: center !important;
}


/* =========================================================
   BREADCRUMBS
========================================================= */

body.fg-dark.woocommerce-shop .shop-page-title .breadcrumbs,
body.fg-dark.tax-product_cat .shop-page-title .breadcrumbs {
    margin: 0 !important;

    color: #747f8f !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: .025em !important;
}

body.fg-dark.woocommerce-shop .shop-page-title .breadcrumbs a,
body.fg-dark.tax-product_cat .shop-page-title .breadcrumbs a {
    color: #8a95a4 !important;

    text-decoration: none !important;
}

body.fg-dark.woocommerce-shop .shop-page-title .breadcrumbs a:hover,
body.fg-dark.tax-product_cat .shop-page-title .breadcrumbs a:hover {
    color: var(--fg-primary) !important;
}

body.fg-dark.woocommerce-shop .shop-page-title .breadcrumbs .divider,
body.fg-dark.tax-product_cat .shop-page-title .breadcrumbs .divider {
    margin: 0 8px !important;

    color: #4e5866 !important;
}


/* =========================================================
   H1 DE CATEGORÍA
   Se aplicará automáticamente si WooCommerce/Flatsome
   imprime el título semántico en el markup.
========================================================= */

body.fg-dark.woocommerce-shop .woocommerce-products-header__title,
body.fg-dark.tax-product_cat .woocommerce-products-header__title,
body.fg-dark.woocommerce-shop h1.page-title,
body.fg-dark.tax-product_cat h1.page-title {
    margin: 0 0 7px !important;

    color: #f4f6f8 !important;

    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;

    text-transform: none !important;
}


/* =========================================================
   RESULTADOS + ORDENAMIENTO
========================================================= */

body.fg-dark.woocommerce-shop .shop-page-title .flex-col:last-child,
body.fg-dark.tax-product_cat .shop-page-title .flex-col:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 12px !important;
}

body.fg-dark.woocommerce-shop .woocommerce-result-count,
body.fg-dark.tax-product_cat .woocommerce-result-count {
    margin: 0 !important;

    color: #8e98a6 !important;

    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;

    white-space: nowrap !important;
}

body.fg-dark.woocommerce-shop .woocommerce-ordering,
body.fg-dark.tax-product_cat .woocommerce-ordering {
    margin: 0 !important;
}

body.fg-dark.woocommerce-shop .woocommerce-ordering select,
body.fg-dark.tax-product_cat .woocommerce-ordering select {
    min-width: 220px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 36px 0 13px !important;

    color: #dce2e9 !important;

    background-color: #171c25 !important;
    border: 1px solid #2a313c !important;
    border-radius: 8px !important;

    font-size: 12.5px !important;
    font-weight: 500 !important;

    box-shadow: none !important;
}

body.fg-dark.woocommerce-shop .woocommerce-ordering select:hover,
body.fg-dark.tax-product_cat .woocommerce-ordering select:hover {
    border-color: #3b4552 !important;
}

body.fg-dark.woocommerce-shop .woocommerce-ordering select:focus,
body.fg-dark.tax-product_cat .woocommerce-ordering select:focus {
    border-color: rgba(8,127,245,.68) !important;

    box-shadow: 0 0 0 3px rgba(8,127,245,.08) !important;
}


/* =========================================================
   CONTENIDO DE CATEGORÍA
========================================================= */

body.fg-dark.woocommerce-shop .category-page-row,
body.fg-dark.tax-product_cat .category-page-row {
    padding-top: 20px !important;
}


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

body.fg-dark.tax-product_cat .term-description,
body.fg-dark.tax-product_cat .shop-container .term-description {
    max-width: 900px !important;

    margin: 0 0 20px !important;
    padding: 0 !important;
}

body.fg-dark.tax-product_cat .term-description p,
body.fg-dark.tax-product_cat .shop-container .term-description p {
    max-width: 900px !important;

    margin: 0 !important;

    color: #98a2b0 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}


/* =========================================================
   SIDEBAR
========================================================= */

body.fg-dark.woocommerce-shop #shop-sidebar,
body.fg-dark.tax-product_cat #shop-sidebar {
    color: var(--fg-text-secondary);
}

body.fg-dark.woocommerce-shop #shop-sidebar .widget,
body.fg-dark.tax-product_cat #shop-sidebar .widget {
    margin-bottom: 24px !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .widget-title,
body.fg-dark.tax-product_cat #shop-sidebar .widget-title {
    display: block !important;

    margin: 0 0 16px !important;
    padding: 0 !important;

    color: #eef2f6 !important;

    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .045em !important;

    text-transform: uppercase !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .is-divider,
body.fg-dark.tax-product_cat #shop-sidebar .is-divider {
    display: none !important;
}


/* =========================================================
   LISTA DE CATEGORÍAS
========================================================= */

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories {
    margin: 0 !important;
    padding: 0 !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories li,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories li {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li {
    border-bottom: 1px solid rgba(255,255,255,.065) !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories li > a,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories li > a {
    display: block !important;
    position: relative !important;

    padding: 9px 24px 9px 0 !important;

    color: #8b96a5 !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    text-decoration: none !important;

    transition:
        color .18s ease,
        padding-left .18s ease !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories li > a:hover,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories li > a:hover {
    padding-left: 3px !important;

    color: #dce2ea !important;
}


/* Hijos */

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories .children,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories .children {
    margin: 0 0 7px 3px !important;
    padding: 0 0 0 14px !important;

    border-left: 1px solid rgba(255,255,255,.09) !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories .children li > a,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories .children li > a {
    padding-top: 6.5px !important;
    padding-bottom: 6.5px !important;

    color: #7e8998 !important;

    font-size: 12.5px !important;
}


/* Categoría actual */

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories li.current-cat > a,
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories li.current-cat-parent > a,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories li.current-cat > a,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories li.current-cat-parent > a {
    color: var(--fg-primary) !important;
    font-weight: 650 !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories .children li.current-cat > a,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories .children li.current-cat > a {
    color: #e8edf3 !important;
    font-weight: 650 !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories .children li.current-cat > a::before,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories .children li.current-cat > a::before {
    content: "";

    position: absolute;

    left: -15px;
    top: 50%;

    width: 3px;
    height: 16px;

    border-radius: 3px;

    background: var(--fg-primary);

    transform: translateY(-50%);
}


/* Toggles */

body.fg-dark.woocommerce-shop #shop-sidebar .toggle,
body.fg-dark.tax-product_cat #shop-sidebar .toggle {
    color: #7d8795 !important;

    opacity: 1 !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .toggle:hover,
body.fg-dark.tax-product_cat #shop-sidebar .toggle:hover {
    color: var(--fg-primary) !important;
}


/* =========================================================
   GRID / ÁREA DE PRODUCTOS
========================================================= */

body.fg-dark.woocommerce-shop .shop-container,
body.fg-dark.tax-product_cat .shop-container {
    color: var(--fg-text);
}

body.fg-dark.woocommerce-shop .products.row,
body.fg-dark.tax-product_cat .products.row {
    margin-top: 0 !important;

    row-gap: 10px;
}


/* =========================================================
   PAGINACIÓN
========================================================= */

body.fg-dark.woocommerce-shop .page-numbers li > a,
body.fg-dark.woocommerce-shop .page-numbers li > span,
body.fg-dark.tax-product_cat .page-numbers li > a,
body.fg-dark.tax-product_cat .page-numbers li > span {
    color: #aeb7c4 !important;

    border-color: rgba(255,255,255,.10) !important;
}

body.fg-dark.woocommerce-shop .page-numbers li > span.current,
body.fg-dark.tax-product_cat .page-numbers li > span.current {
    color: #fff !important;

    background: var(--fg-primary) !important;
    border-color: var(--fg-primary) !important;
}

body.fg-dark.woocommerce-shop .page-numbers li > a:hover,
body.fg-dark.tax-product_cat .page-numbers li > a:hover {
    color: #fff !important;

    border-color: rgba(8,127,245,.55) !important;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 850px) {

    body.fg-dark.woocommerce-shop .category-page-row > .large-3,
    body.fg-dark.tax-product_cat .category-page-row > .large-3 {
        padding-right: 24px !important;
    }

    body.fg-dark.woocommerce-shop .category-page-row > .large-9,
    body.fg-dark.tax-product_cat .category-page-row > .large-9 {
        padding-left: 24px !important;
    }

    /* La descripción queda alineada al inicio del grid */
    body.fg-dark.tax-product_cat .shop-container .term-description {
        margin-top: 0 !important;
    }
}


/* =========================================================
   MOBILE — V0.4 COMPACTO
   Cabecera más baja + FILTRAR más discreto
   WhatsApp y product cards NO se modifican
========================================================= */

@media (max-width: 849px) {

    /* Cabecera */
    body.fg-dark.woocommerce-shop .shop-page-title,
    body.fg-dark.tax-product_cat .shop-page-title {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        border-bottom: 1px solid rgba(255,255,255,.045) !important;
    }

    body.fg-dark.woocommerce-shop .shop-page-title .page-title-inner,
    body.fg-dark.tax-product_cat .shop-page-title .page-title-inner {
        min-height: 0 !important;
        display: block !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Breadcrumb */
    body.fg-dark.woocommerce-shop .shop-page-title .breadcrumbs,
    body.fg-dark.tax-product_cat .shop-page-title .breadcrumbs {
        margin: 0 0 6px !important;
        font-size: 10.8px !important;
        font-weight: 600 !important;
        line-height: 1.28 !important;
    }

    body.fg-dark.woocommerce-shop .shop-page-title .breadcrumbs .divider,
    body.fg-dark.tax-product_cat .shop-page-title .breadcrumbs .divider {
        margin: 0 5px !important;
    }

    /* FILTRAR: más pequeño y apenas más oscuro */
    body.fg-dark.woocommerce-shop .category-filtering,
    body.fg-dark.tax-product_cat .category-filtering {
        margin: 0 0 7px !important;
        padding: 0 !important;
        text-align: left !important;
    }

    body.fg-dark.woocommerce-shop .category-filtering .filter-button,
    body.fg-dark.tax-product_cat .category-filtering .filter-button {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;

        min-height: 30px !important;

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

        color: #b8c0cb !important;

        font-size: 14.5px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .01em !important;

        text-transform: uppercase !important;
    }

    body.fg-dark.woocommerce-shop .category-filtering .filter-button i,
    body.fg-dark.tax-product_cat .category-filtering .filter-button i {
        color: #8e98a6 !important;
        font-size: 15px !important;
    }

    body.fg-dark.woocommerce-shop .category-filtering .filter-button:hover,
    body.fg-dark.tax-product_cat .category-filtering .filter-button:hover {
        color: #dce2ea !important;
    }

    /* Ocultar contador en móvil */
    body.fg-dark.woocommerce-shop .woocommerce-result-count,
    body.fg-dark.tax-product_cat .woocommerce-result-count {
        display: none !important;
    }

    /* Ordenamiento */
    body.fg-dark.woocommerce-shop .woocommerce-ordering,
    body.fg-dark.tax-product_cat .woocommerce-ordering {
        width: 100% !important;
        margin: 0 0 7px !important;
    }

    body.fg-dark.woocommerce-shop .woocommerce-ordering select,
    body.fg-dark.tax-product_cat .woocommerce-ordering select {
        width: 100% !important;
        min-width: 0 !important;

        height: 43px !important;

        margin: 0 !important;
        padding: 0 36px 0 12px !important;

        color: #dce2e9 !important;

        background-color: #171c25 !important;
        border: 1px solid #2b3340 !important;
        border-radius: 8px !important;

        font-size: 12.3px !important;
        font-weight: 500 !important;

        box-shadow: none !important;
    }

    /* Contenido */
    body.fg-dark.woocommerce-shop .category-page-row,
    body.fg-dark.tax-product_cat .category-page-row {
        padding-top: 7px !important;
    }

    /* Descripción */
    body.fg-dark.tax-product_cat .term-description,
    body.fg-dark.tax-product_cat .shop-container .term-description {
        margin: 0 0 10px !important;
        padding: 0 !important;
    }

    body.fg-dark.tax-product_cat .term-description p,
    body.fg-dark.tax-product_cat .shop-container .term-description p {
        margin: 0 !important;
        color: #98a2b0 !important;
        font-size: 12.6px !important;
        line-height: 1.48 !important;
    }

    /* Grid: no tocamos cards, solo el ritmo vertical */
    body.fg-dark.woocommerce-shop .products.row,
    body.fg-dark.tax-product_cat .products.row {
        margin-top: 0 !important;
        row-gap: 8px !important;
    }

    /* Sidebar / filtros off-canvas */
    body.fg-dark .mfp-content #shop-sidebar,
    body.fg-dark .off-canvas #shop-sidebar {
        background: #0f141c !important;
        color: var(--fg-text-secondary) !important;
    }

    body.fg-dark .mfp-content #shop-sidebar .widget-title,
    body.fg-dark .off-canvas #shop-sidebar .widget-title {
        color: #f0f3f7 !important;
    }

    body.fg-dark .mfp-content #shop-sidebar .product-categories li > a,
    body.fg-dark .off-canvas #shop-sidebar .product-categories li > a {
        color: #9ca6b4 !important;
    }

    body.fg-dark .mfp-content #shop-sidebar .product-categories li.current-cat > a,
    body.fg-dark .off-canvas #shop-sidebar .product-categories li.current-cat > a {
        color: var(--fg-primary) !important;
    }

    /* Buscador del menú lateral móvil */
    body.fg-dark .mobile-sidebar .searchform,
    body.fg-dark .off-canvas .searchform,
    body.fg-dark .mfp-content .searchform {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.fg-dark .mobile-sidebar .searchform .flex-row,
    body.fg-dark .off-canvas .searchform .flex-row,
    body.fg-dark .mfp-content .searchform .flex-row {
        background: #151b24 !important;
        border: 1px solid #2a313d !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    body.fg-dark .mobile-sidebar .searchform input,
    body.fg-dark .mobile-sidebar .search-field,
    body.fg-dark .off-canvas .searchform input,
    body.fg-dark .off-canvas .search-field,
    body.fg-dark .mfp-content .searchform input,
    body.fg-dark .mfp-content .search-field {
        background: #151b24 !important;
        color: #f4f6f8 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.fg-dark .mobile-sidebar .searchform input::placeholder,
    body.fg-dark .off-canvas .searchform input::placeholder,
    body.fg-dark .mfp-content .searchform input::placeholder {
        color: #7f8998 !important;
        opacity: 1 !important;
    }

    body.fg-dark .mobile-sidebar .searchform button,
    body.fg-dark .off-canvas .searchform button,
    body.fg-dark .mfp-content .searchform button {
        background: #202632 !important;
        color: #d3d9e1 !important;
        border: 0 !important;
        border-left: 1px solid #2a313d !important;
    }
}

/* =========================================================
   FUSION GAMES
   HOME - EXPLORÁ POR GÉNERO
   ========================================================= */

/* -------------------------
   Encabezado de la sección
------------------------- */

body.fg-dark .fg-genre-heading-row {
  margin-bottom: 18px;
}

body.fg-dark .fg-genre-heading {
  padding-bottom: 0;
}

body.fg-dark .fg-genre-heading .section-title-container,
body.fg-dark .fg-genre-heading .section-title {
  margin-bottom: 0;
}

body.fg-dark .fg-genre-heading p {
  margin-top: 14px;
  margin-bottom: 0;
  color: #aeb7c4;
  font-size: 15px;
  line-height: 1.5;
}


/* -------------------------
   Filas / separación
------------------------- */

body.fg-dark .fg-genre-grid {
  margin-bottom: 18px;
}

body.fg-dark .fg-genre-grid:last-child {
  margin-bottom: 0;
}

body.fg-dark .fg-genre-grid > .col {
  padding-bottom: 0;
}


/* -------------------------
   Tarjeta principal
------------------------- */

body.fg-dark .fg-genre-card {
  position: relative;
  height: 190px !important;
  min-height: 190px !important;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #111722;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}


/* Respeta el radio en todas las capas internas de Flatsome */

body.fg-dark .fg-genre-card .banner-bg,
body.fg-dark .fg-genre-card .bg,
body.fg-dark .fg-genre-card .bg-fill,
body.fg-dark .fg-genre-card .overlay {
  border-radius: inherit;
}


/* -------------------------
   Imagen
------------------------- */

body.fg-dark .fg-genre-card .bg-fill {
  transform: scale(1);
  transition: transform 0.35s ease;
}


/* -------------------------
   Degradado inferior
------------------------- */

body.fg-dark .fg-genre-card::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  height: 68%;
  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(5, 8, 13, 0) 0%,
    rgba(5, 8, 13, 0.12) 28%,
    rgba(5, 8, 13, 0.55) 68%,
    rgba(5, 8, 13, 0.88) 100%
  );
}


/* -------------------------
   Text Box de Flatsome
------------------------- */

body.fg-dark .fg-genre-card .banner-layers {
  z-index: 3;
}

body.fg-dark .fg-genre-card .text-box {
  z-index: 4;
}


/* -------------------------
   Contenido
------------------------- */

body.fg-dark .fg-genre-content {
  text-align: left !important;
}

body.fg-dark .fg-genre-content h3 {
  margin: 0 0 4px !important;
  padding: 0 !important;

  color: #ffffff !important;

  font-size: 19px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: 0.01em;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

body.fg-dark .fg-genre-content p {
  margin: 0 !important;
  padding: 0 !important;

  color: #d1d7df !important;

  font-size: 12px;
  line-height: 1.35;
  font-weight: 500;

  transition:
    color 0.25s ease,
    transform 0.25s ease;
}


/* -------------------------
   Hover desktop
------------------------- */

@media (hover: hover) and (pointer: fine) {

  body.fg-dark .fg-genre-card:hover {
    transform: translateY(-3px);
    border-color: rgba(8, 127, 245, 0.42);
    box-shadow:
      0 12px 30px rgba(0, 0, 0, 0.28),
      0 0 0 1px rgba(8, 127, 245, 0.05);
  }

  body.fg-dark .fg-genre-card:hover .bg-fill {
    transform: scale(1.035);
  }

  body.fg-dark .fg-genre-card:hover .fg-genre-content p {
    color: #ffffff !important;
    transform: translateX(2px);
  }
}


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

@media (max-width: 849px) {

  body.fg-dark .fg-genre-heading-row {
    margin-bottom: 15px;
  }

  body.fg-dark .fg-genre-heading p {
    margin-top: 11px;
    font-size: 14px;
  }

  body.fg-dark .fg-genre-grid {
    margin-bottom: 14px;
  }

  body.fg-dark .fg-genre-card {
    height: 155px !important;
    min-height: 155px !important;
    border-radius: 11px;
  }

  body.fg-dark .fg-genre-content h3 {
    font-size: 17px;
  }

  body.fg-dark .fg-genre-content p {
    font-size: 11.5px;
  }

}


/* =========================================================
   MÓVIL
   2 columnas x 4 filas
   ========================================================= */

@media (max-width: 549px) {

  /* Encabezado */

  body.fg-dark .fg-genre-heading-row {
    margin-bottom: 14px;
  }

  body.fg-dark .fg-genre-heading p {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.45;
  }


  /* 2 columnas */

  body.fg-dark .fg-genre-grid > .col {
    flex-basis: 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }


  /* Separación entre filas */

  body.fg-dark .fg-genre-grid {
    margin-bottom: 12px;
  }


  /* Tarjetas */

  body.fg-dark .fg-genre-card {
    height: 132px !important;
    min-height: 132px !important;

    border-radius: 10px;

    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.18);
  }


  /* Gradiente un poco más fuerte en móvil */

  body.fg-dark .fg-genre-card::after {
    height: 76%;

    background: linear-gradient(
      to bottom,
      rgba(5, 8, 13, 0) 0%,
      rgba(5, 8, 13, 0.08) 22%,
      rgba(5, 8, 13, 0.58) 65%,
      rgba(5, 8, 13, 0.9) 100%
    );
  }


  /* Texto */

  body.fg-dark .fg-genre-content h3 {
    margin-bottom: 3px !important;

    font-size: 15px;
    line-height: 1.1;
    letter-spacing: 0;
  }

  body.fg-dark .fg-genre-content p {
    font-size: 10.5px;
  }

}


/* =========================================================
   MÓVILES MUY PEQUEÑOS
   ========================================================= */

@media (max-width: 390px) {

  body.fg-dark .fg-genre-card {
    height: 124px !important;
    min-height: 124px !important;
  }

  body.fg-dark .fg-genre-content h3 {
    font-size: 14px;
  }

  body.fg-dark .fg-genre-content p {
    font-size: 10px;
  }

}

/* =========================================================
   HOME — CONTROL REAL DEL ESPACIO PRODUCTOS → GÉNEROS
   ========================================================= */

/* SECTION PRODUCTOS */
body.fg-dark .fg-products-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ROW PRODUCTOS */
body.fg-dark .fg-products-section .fg-products-row {
    margin-bottom: 0 !important;
}

/* COLUMN PRODUCTOS */
body.fg-dark .fg-products-section .fg-products-col {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Elimina espacio inferior que pueda dejar Flatsome */
body.fg-dark .fg-products-section .row,
body.fg-dark .fg-products-section .col,
body.fg-dark .fg-products-section .col-inner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Elemento Products / slider */
body.fg-dark .fg-products-section .products,
body.fg-dark .fg-products-section .row-slider,
body.fg-dark .fg-products-section .flickity-enabled,
body.fg-dark .fg-products-section .slider-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   SECTION GÉNEROS
   ========================================================= */

body.fg-dark .fg-genre-section {
    margin-top: 0 !important;
    padding-top: 24px !important;
}


/* =========================================================
   EXPLORÁ POR GÉNERO — MOBILE FINAL
   ========================================================= */

@media (max-width: 549px) {

    /* ---------------------------------
       Separación Productos → Géneros
       --------------------------------- */

    body.fg-dark .fg-products-section {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    body.fg-dark .fg-products-section .fg-products-row,
    body.fg-dark .fg-products-section .fg-products-col,
    body.fg-dark .fg-products-section .col-inner,
    body.fg-dark .fg-products-section .products,
    body.fg-dark .fg-products-section .row-slider,
    body.fg-dark .fg-products-section .flickity-enabled,
    body.fg-dark .fg-products-section .slider-wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    body.fg-dark .fg-genre-section {
        margin-top: 0 !important;
        padding-top: 20px !important;
        padding-bottom: 28px !important;
    }


    /* ---------------------------------
       Encabezado
       --------------------------------- */

    body.fg-dark .fg-genre-heading-row {
        margin-bottom: 14px !important;
    }

    body.fg-dark .fg-genre-heading p {
        margin-top: 8px !important;
        margin-bottom: 0 !important;

        font-size: 13px;
        line-height: 1.4;
    }


    /* ---------------------------------
       GRID — 2 columnas
       --------------------------------- */

    body.fg-dark .fg-genre-grid > .col {
        flex-basis: 50% !important;
        max-width: 50% !important;
        width: 50% !important;

        padding-bottom: 0 !important;
    }

    body.fg-dark .fg-genre-grid {
        margin-bottom: 12px !important;
    }

    body.fg-dark .fg-genre-grid:last-child {
        margin-bottom: 0 !important;
    }


    /* ---------------------------------
       Cards
       --------------------------------- */

    body.fg-dark .fg-genre-card {
        height: 132px !important;
        min-height: 132px !important;

        border-radius: 10px;

        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.18);
    }


    /* Gradiente para mejorar lectura */
    body.fg-dark .fg-genre-card::after {
        height: 76%;

        background: linear-gradient(
            to bottom,
            rgba(5, 8, 13, 0) 0%,
            rgba(5, 8, 13, 0.08) 22%,
            rgba(5, 8, 13, 0.58) 65%,
            rgba(5, 8, 13, 0.90) 100%
        );
    }


    /* ---------------------------------
       Texto de las cards
       --------------------------------- */

    body.fg-dark .fg-genre-content h3 {
        margin: 0 0 3px !important;

        font-size: 15px;
        line-height: 1.1;
        font-weight: 800;
        letter-spacing: 0;
    }

    body.fg-dark .fg-genre-content p {
        margin: 0 !important;

        font-size: 10.5px;
        line-height: 1.3;
    }

}

/* =========================================================
   MÓVILES PEQUEÑOS
   ========================================================= */

@media (max-width: 390px) {

    body.fg-dark .fg-genre-card {
        height: 124px !important;
        min-height: 124px !important;
    }

    body.fg-dark .fg-genre-content h3 {
        font-size: 14px;
    }

    body.fg-dark .fg-genre-content p {
        font-size: 10px;
    }

}

/* =========================================================
   GÉNEROS — OCULTAR LUCHA Y ROL EN MÓVIL
   ========================================================= */

@media (max-width: 549px) {

    body.fg-dark .fg-genre-grid > .fg-genre-mobile-hide {
        display: none !important;
    }

}

/* =========================================================
   FUSION GAMES
   HOME - NOTICIAS, GUÍAS Y TRUCOS
   ========================================================= */


/* =========================================================
   CONTENEDOR GENERAL
   ========================================================= */

body.fg-dark .fg-content-section {
  padding-top: 28px !important;
  padding-bottom: 42px !important;
}

body.fg-dark .fg-content-row {
  margin-bottom: 0 !important;
}

body.fg-dark .fg-content-column {
  padding-bottom: 0 !important;
}


/* =========================================================
   BLOG POSTS - GRID
   ========================================================= */

body.fg-dark .fg-content-posts .row {
  align-items: stretch;
}

body.fg-dark .fg-content-posts .post-item {
  display: flex;
  margin-bottom: 0;
}

body.fg-dark .fg-content-posts .post-item > .col-inner {
  width: 100%;
  display: flex;
  flex-direction: column;

  overflow: hidden;

  background: #161b24;

  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);

  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}


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

body.fg-dark .fg-content-posts .box-image {
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}

body.fg-dark .fg-content-posts .box-image .image-cover,
body.fg-dark .fg-content-posts .box-image .image-cover img {
  border-radius: 0 !important;
}

body.fg-dark .fg-content-posts .box-image img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  transform: scale(1);

  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}


/* =========================================================
   CONTENIDO DE LA CARD
   ========================================================= */

body.fg-dark .fg-content-posts .box-text {
  flex: 1;

  display: flex;
  flex-direction: column;

  padding: 18px 18px 17px !important;

  text-align: left !important;

  background: transparent !important;
}

body.fg-dark .fg-content-posts .box-text-inner {
  flex: 1;

  display: flex;
  flex-direction: column;
}


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

body.fg-dark .fg-content-posts .cat-label,
body.fg-dark .fg-content-posts .is-xsmall.uppercase,
body.fg-dark .fg-content-posts .blog-post-inner .is-xsmall {
  display: inline-flex;
  align-items: center;

  width: fit-content;

  margin: 0 0 10px !important;
  padding: 4px 8px !important;

  background: rgba(8, 127, 245, 0.12);

  border: 1px solid rgba(8, 127, 245, 0.22);
  border-radius: 5px;

  color: #5caaff !important;

  font-size: 10px !important;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.05em;
}


/* =========================================================
   TÍTULO
   ========================================================= */

body.fg-dark .fg-content-posts .post-title,
body.fg-dark .fg-content-posts .post-title a {
  color: #ffffff !important;
}

body.fg-dark .fg-content-posts .post-title {
  margin: 0 0 10px !important;

  font-size: 18px !important;
  line-height: 1.28;
  font-weight: 700;

  min-height: 46px;
}

body.fg-dark .fg-content-posts .post-title a {
  text-decoration: none !important;

  transition: color 0.22s ease;
}

body.fg-dark .fg-content-posts .post-title a:hover {
  color: #5caaff !important;
}


/* =========================================================
   ELIMINAR LÍNEAS / DIVISORES ANTIGUOS
   ========================================================= */

body.fg-dark .fg-content-posts .is-divider {
  display: none !important;
}


/* =========================================================
   EXTRACTO
   ========================================================= */

body.fg-dark .fg-content-posts .from_the_blog_excerpt {
  margin: 0 0 16px !important;

  color: #aeb7c4 !important;

  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

  overflow: hidden;
}


/* =========================================================
   LEER ARTÍCULO
   ========================================================= */

body.fg-dark .fg-content-posts .button,
body.fg-dark .fg-content-posts a.button {
  margin-top: auto !important;
  margin-bottom: 0 !important;

  padding: 0 !important;

  min-height: auto !important;

  background: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

  color: #5caaff !important;

  font-size: 12px !important;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.02em;

  text-transform: uppercase;

  transition:
    color 0.22s ease,
    transform 0.22s ease;
}

body.fg-dark .fg-content-posts .button:hover,
body.fg-dark .fg-content-posts a.button:hover {
  color: #ffffff !important;

  background: transparent !important;

  transform: translateX(2px);
}


/* =========================================================
   FECHA / COMENTARIOS
   Por seguridad, ocultos
   ========================================================= */

body.fg-dark .fg-content-posts .badge,
body.fg-dark .fg-content-posts .badge-container,
body.fg-dark .fg-content-posts .comments-link,
body.fg-dark .fg-content-posts .post-comments {
  display: none !important;
}


/* =========================================================
   HOVER DESKTOP
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

  body.fg-dark .fg-content-posts .post-item > .col-inner:hover {
    transform: translateY(-4px);

    border-color: rgba(8, 127, 245, 0.35);

    box-shadow:
      0 14px 34px rgba(0, 0, 0, 0.28),
      0 0 0 1px rgba(8, 127, 245, 0.04);
  }

  body.fg-dark .fg-content-posts .post-item > .col-inner:hover .box-image img {
    transform: scale(1.035);
  }

}


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

@media (max-width: 849px) {

  body.fg-dark .fg-content-section {
    padding-top: 24px !important;
    padding-bottom: 34px !important;
  }

  body.fg-dark .fg-content-posts .box-text {
    padding: 16px !important;
  }

  body.fg-dark .fg-content-posts .post-title {
    font-size: 17px !important;
    min-height: auto;
  }

  body.fg-dark .fg-content-posts .from_the_blog_excerpt {
    font-size: 13.5px;
    -webkit-line-clamp: 3;
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 549px) {

  body.fg-dark .fg-content-section {
    padding-top: 20px !important;
    padding-bottom: 28px !important;
  }

  body.fg-dark .fg-content-posts .post-item {
    margin-bottom: 16px;
  }

  body.fg-dark .fg-content-posts .post-item:last-child {
    margin-bottom: 0;
  }

  body.fg-dark .fg-content-posts .post-item > .col-inner {
    border-radius: 10px;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
  }

  body.fg-dark .fg-content-posts .box-image {
    border-radius: 10px 10px 0 0;
  }

  body.fg-dark .fg-content-posts .box-text {
    padding: 14px 14px 15px !important;
  }

  body.fg-dark .fg-content-posts .cat-label,
  body.fg-dark .fg-content-posts .is-xsmall.uppercase,
  body.fg-dark .fg-content-posts .blog-post-inner .is-xsmall {
    margin-bottom: 8px !important;
    padding: 3px 7px !important;

    font-size: 9.5px !important;
  }

  body.fg-dark .fg-content-posts .post-title {
    margin-bottom: 8px !important;

    min-height: auto;

    font-size: 16px !important;
    line-height: 1.3;
  }

  body.fg-dark .fg-content-posts .from_the_blog_excerpt {
    margin-bottom: 13px !important;

    font-size: 13px;
    line-height: 1.5;

    -webkit-line-clamp: 2;
  }

  body.fg-dark .fg-content-posts .button,
  body.fg-dark .fg-content-posts a.button {
    font-size: 11px !important;
  }

}

/* =========================================================
   FG CONTENT POSTS - AJUSTES FINALES DESKTOP
   ========================================================= */

/* Cards de igual altura */
body.fg-dark .fg-content-posts .post-item > .col-inner {
    height: 100%;
}

/*
 * No aplicamos display:flex ni height:100% sobre .box,
 * porque Flatsome utiliza ese wrapper para la imagen.
 */

/* Igualar visualmente el área de contenido sin tocar la imagen */
body.fg-dark .fg-content-posts .box-text {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    padding-bottom: 16px !important;
}

body.fg-dark .fg-content-posts .box-text-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Extracto ligeramente más compacto */
body.fg-dark .fg-content-posts .from_the_blog_excerpt {
    line-height: 1.5;
    margin-bottom: 14px !important;
}

/* Leer artículo alineado a la izquierda */
body.fg-dark .fg-content-posts .button,
body.fg-dark .fg-content-posts a.button {
    margin-top: auto !important;
    align-self: flex-start !important;
    text-align: left !important;
}

/* =========================================================
   FUSION GAMES - FOOTER DARK V1.0
   Desktop + Tablet + Mobile
   ========================================================= */


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

body.fg-dark .fg-footer-main {
    background: #090d13 !important;

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

    padding: 52px 0 42px !important;
}

body.fg-dark .fg-footer-main .section-bg {
    background: #090d13 !important;
}

body.fg-dark .fg-footer-main .section-content {
    position: relative;
}

body.fg-dark .fg-footer-row {
    margin-bottom: 0 !important;
}

body.fg-dark .fg-footer-row > .col {
    padding-bottom: 0 !important;
}


/* =========================================================
   LOGO / MARCA
   ========================================================= */

body.fg-dark .fg-footer-brand .img {
    margin: 0 0 20px !important;

    width: 145px !important;
    max-width: 145px !important;
}

body.fg-dark .fg-footer-brand .img-inner {
    background: transparent !important;
}

body.fg-dark .fg-footer-brand .img img {
    width: 100% !important;
    height: auto !important;

    display: block;
}


/* Texto marca */

body.fg-dark .fg-footer-brand p {
    max-width: 350px;

    margin: 0 0 13px !important;

    color: #929cab !important;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

body.fg-dark .fg-footer-brand p:last-of-type {
    margin-bottom: 20px !important;
}


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

body.fg-dark .fg-footer-main h1,
body.fg-dark .fg-footer-main h2,
body.fg-dark .fg-footer-main h3,
body.fg-dark .fg-footer-main h4,
body.fg-dark .fg-footer-main h5,
body.fg-dark .fg-footer-main h6 {
    position: relative;

    margin: 3px 0 23px !important;
    padding: 0 0 12px !important;

    color: #f4f6f8 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3;

    letter-spacing: .055em;
    text-transform: uppercase;
}


/* Línea debajo del título */

body.fg-dark .fg-footer-main h1::after,
body.fg-dark .fg-footer-main h2::after,
body.fg-dark .fg-footer-main h3::after,
body.fg-dark .fg-footer-main h4::after,
body.fg-dark .fg-footer-main h5::after,
body.fg-dark .fg-footer-main h6::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 30px;
    height: 2px;

    background: var(--fg-primary);

    border-radius: 2px;
}


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

body.fg-dark .fg-footer-links p {
    margin: 0 !important;

    color: #98a2b0 !important;

    font-size: 14px;
    line-height: 1.9;
}

body.fg-dark .fg-footer-links a {
    display: inline-block;

    position: relative;

    color: #a7b0bd !important;

    font-size: 14px;
    font-weight: 400;

    text-decoration: none !important;

    transition:
        color .20s ease,
        transform .20s ease !important;
}

body.fg-dark .fg-footer-links a:hover {
    color: #ffffff !important;

    transform: translateX(3px);
}


/* =========================================================
   COMPRA SEGURA
   ========================================================= */

body.fg-dark .fg-footer-security p {
    margin: 0 !important;

    color: #9da7b5 !important;

    font-size: 14px;
    line-height: 1.9;
}

body.fg-dark .fg-footer-security strong {
    color: #e4e8ed !important;
    font-weight: 600;
}


/* =========================================================
   FOLLOW ICONS
   ========================================================= */

body.fg-dark .fg-footer-brand .social-icons {
    display: flex;

    align-items: center;

    gap: 8px;

    margin-top: 3px;
}

body.fg-dark .fg-footer-brand .social-icons a {
    width: 38px !important;
    height: 38px !important;

    margin: 0 !important;

    display: inline-flex !important;

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

    background: #141a23 !important;

    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 8px !important;

    color: #aeb7c4 !important;

    box-shadow: none !important;

    transition:
        background-color .20s ease,
        border-color .20s ease,
        color .20s ease,
        transform .20s ease !important;
}


/* Elimina colores originales Facebook / Instagram / YouTube */

body.fg-dark .fg-footer-brand .social-icons a.facebook,
body.fg-dark .fg-footer-brand .social-icons a.instagram,
body.fg-dark .fg-footer-brand .social-icons a.youtube {
    background: #141a23 !important;
    color: #aeb7c4 !important;
}


/* Iconos */

body.fg-dark .fg-footer-brand .social-icons a i {
    color: inherit !important;

    font-size: 17px !important;
}


/* Hover */

@media (hover:hover) and (pointer:fine) {

    body.fg-dark .fg-footer-brand .social-icons a:hover {
        background: rgba(8,127,245,.12) !important;

        border-color: rgba(8,127,245,.48) !important;

        color: #ffffff !important;

        transform: translateY(-2px);
    }

}


/* =========================================================
   FOOTER INFERIOR
   ========================================================= */

body.fg-dark .fg-footer-bottom {
    background: #070a0f !important;

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

    padding: 18px 0 !important;
}

body.fg-dark .fg-footer-bottom .section-bg {
    background: #070a0f !important;
}

body.fg-dark .fg-footer-bottom-row {
    margin-bottom: 0 !important;

    align-items: center;
}

body.fg-dark .fg-footer-bottom-row > .col {
    padding-bottom: 0 !important;
}


/* Texto */

body.fg-dark .fg-footer-bottom p {
    margin: 0 !important;

    color: #707a88 !important;

    font-size: 12px;
    line-height: 1.5;
}


/* Segunda columna a la derecha */

body.fg-dark .fg-footer-bottom-row > .col:last-child {
    text-align: right;
}


/* Links legales */

body.fg-dark .fg-footer-bottom a {
    color: #8f99a7 !important;

    text-decoration: none !important;

    transition: color .20s ease;
}

body.fg-dark .fg-footer-bottom a:hover {
    color: #ffffff !important;
}


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

@media (max-width: 849px) {

    body.fg-dark .fg-footer-main {
        padding: 40px 0 32px !important;
    }

    body.fg-dark .fg-footer-row > .col {
        padding-bottom: 30px !important;
    }

    body.fg-dark .fg-footer-brand .img {
        width: 135px !important;
        max-width: 135px !important;
    }

}


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

@media (max-width: 549px) {

    body.fg-dark .fg-footer-main {
        padding: 34px 0 16px !important;
    }


    /* Todas las columnas ocupan ancho completo */

    body.fg-dark .fg-footer-row > .col {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;

        padding-bottom: 27px !important;
    }


    /* Marca */

    body.fg-dark .fg-footer-brand .img {
        width: 125px !important;
        max-width: 125px !important;

        margin-bottom: 17px !important;
    }

    body.fg-dark .fg-footer-brand p {
        max-width: 100%;

        font-size: 13px;
        line-height: 1.55;
    }


    /* Títulos */

    body.fg-dark .fg-footer-main h1,
    body.fg-dark .fg-footer-main h2,
    body.fg-dark .fg-footer-main h3,
    body.fg-dark .fg-footer-main h4,
    body.fg-dark .fg-footer-main h5,
    body.fg-dark .fg-footer-main h6 {
        margin-top: 0 !important;
        margin-bottom: 16px !important;

        padding-bottom: 9px !important;

        font-size: 13px !important;
    }


    /* Links */

    body.fg-dark .fg-footer-links p,
    body.fg-dark .fg-footer-links a,
    body.fg-dark .fg-footer-security p {
        font-size: 13px;

        line-height: 1.85;
    }


    /* Redes */

    body.fg-dark .fg-footer-brand .social-icons a {
        width: 36px !important;
        height: 36px !important;
    }

    body.fg-dark .fg-footer-brand .social-icons a i {
        font-size: 16px !important;
    }


    /* Footer inferior */

    body.fg-dark .fg-footer-bottom {
        padding: 17px 0 !important;
    }

    body.fg-dark .fg-footer-bottom-row > .col {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;

        padding-bottom: 5px !important;

        text-align: left !important;
    }

    body.fg-dark .fg-footer-bottom-row > .col:last-child {
        padding-bottom: 0 !important;

        text-align: left !important;
    }

    body.fg-dark .fg-footer-bottom p {
        font-size: 11.5px;
        line-height: 1.5;
    }

}

/* =========================================================
   FOOTER - AJUSTE DE TÍTULOS
   ========================================================= */

body.fg-dark .fg-footer-main h1,
body.fg-dark .fg-footer-main h2,
body.fg-dark .fg-footer-main h3,
body.fg-dark .fg-footer-main h4,
body.fg-dark .fg-footer-main h5,
body.fg-dark .fg-footer-main h6 {
    font-size: 12px !important;
    letter-spacing: .06em;
    margin-bottom: 18px !important;
    padding-bottom: 9px !important;
}

body.fg-dark .fg-footer-main h1::after,
body.fg-dark .fg-footer-main h2::after,
body.fg-dark .fg-footer-main h3::after,
body.fg-dark .fg-footer-main h4::after,
body.fg-dark .fg-footer-main h5::after,
body.fg-dark .fg-footer-main h6::after {
    width: 26px;
    height: 2px;
}

/* =========================================================
   FOOTER - TÍTULOS FLATSOME CORREGIDOS
   ========================================================= */

/* Contenedor del título */
body.fg-dark .fg-footer-main .section-title-container {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

/* Línea horizontal */
body.fg-dark .fg-footer-main .section-title {
    min-height: 0 !important;
    margin: 0 !important;
    padding-bottom: 9px !important;

    border-bottom: 1px solid rgba(255,255,255,.08) !important;

    align-items: flex-start !important;
}

/* Texto COMPRAR / AYUDA / COMPRA SEGURA */
body.fg-dark .fg-footer-main .section-title-main {
    padding-left: 0 !important;

    color: #f4f6f8 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: .045em !important;

    text-transform: uppercase !important;

    border: 0 !important;
}

/* Quitamos la barra azul vertical heredada del diseño general */
body.fg-dark .fg-footer-main .section-title-main::before {
    display: none !important;
}

/* Pequeña línea azul inferior */
body.fg-dark .fg-footer-main .section-title::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -1px;

    width: 28px;
    height: 2px;

    background: var(--fg-primary);

    border-radius: 2px;
}

/* Necesario para posicionar la línea azul */
body.fg-dark .fg-footer-main .section-title {
    position: relative;
}


/* MOBILE */
@media (max-width: 549px) {

    body.fg-dark .fg-footer-main .section-title-main {
        font-size: 13px !important;
    }

    body.fg-dark .fg-footer-main .section-title-container {
        margin-bottom: 15px !important;
    }

}

/* =========================================================
   CATEGORY HEADER DESCRIPTION
   ========================================================= */

body.fg-dark .fg-category-header-description {
    max-width: 720px;
    margin: 7px 0 8px;
}

body.fg-dark .fg-category-header-description p {
    margin: 0 !important;
    color: #8f99a8 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
}


/* MOBILE */
@media (max-width: 549px) {

    body.fg-dark .fg-category-header-description {
        margin: 6px 0 8px;
        max-width: 100%;
    }

    body.fg-dark .fg-category-header-description p {
        font-size: 13px;
        line-height: 1.5;
    }

}

/* =========================================================
   FUSION GAMES - CATALOG TOOLBAR V3.0
   ========================================================= */

/* CONTADOR
   Ya no debe parecer un botón
*/
body.fg-dark .woocommerce-result-count {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 42px !important;

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

    color: #8f99a8 !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    letter-spacing: .01em !important;
}


/* Pequeño indicador azul */
body.fg-dark .woocommerce-result-count::before {
    content: "";

    display: inline-block;

    width: 6px;
    height: 6px;

    margin-right: 9px;

    background: #087ff5;

    border-radius: 50%;
}


/* =========================================================
   ORDENAMIENTO
   ========================================================= */

body.fg-dark .woocommerce-ordering {
    margin: 0 !important;
}


/* SELECT */
body.fg-dark .woocommerce-ordering select {
    min-width: 235px !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 42px 0 15px !important;

    color: #d9dee5 !important;
    background-color: #141a23 !important;

    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    cursor: pointer !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}


/* HOVER */
@media (hover:hover) and (pointer:fine) {

    body.fg-dark .woocommerce-ordering select:hover {
        background-color: #181f29 !important;
        border-color: rgba(255,255,255,.16) !important;
    }

}


/* FOCUS */
body.fg-dark .woocommerce-ordering select:focus {
    outline: none !important;

    border-color: rgba(8,127,245,.55) !important;

    box-shadow:
        0 0 0 2px rgba(8,127,245,.09) !important;
}


/* =========================================================
   MOBILE
   Preparación inicial; después haremos FILTRAR + ORDENAR
   ========================================================= */

@media (max-width: 549px) {

    body.fg-dark .woocommerce-result-count {
        min-height: 38px !important;

        font-size: 12px !important;
    }

    body.fg-dark .woocommerce-result-count::before {
        width: 5px;
        height: 5px;

        margin-right: 7px;
    }

    body.fg-dark .woocommerce-ordering {
        width: 100% !important;
    }

    body.fg-dark .woocommerce-ordering select {
        width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;

        font-size: 12px !important;
    }

}

/* =========================================================
   FUSION GAMES - CATEGORY SIDEBAR FINAL V3.0
   Corrige padding de categoría activa + toggle + panel
   ========================================================= */

/* Panel de categorías */
body.fg-dark.woocommerce-shop #shop-sidebar .widget_product_categories,
body.fg-dark.tax-product_cat #shop-sidebar .widget_product_categories {
    background: #12171f !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 12px !important;
    padding: 18px 14px 15px !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.12) !important;
}

/* Título */
body.fg-dark.woocommerce-shop #shop-sidebar .widget_product_categories .widget-title,
body.fg-dark.tax-product_cat #shop-sidebar .widget_product_categories .widget-title,
body.fg-dark.woocommerce-shop #shop-sidebar .widget_product_categories .widgettitle,
body.fg-dark.tax-product_cat #shop-sidebar .widget_product_categories .widgettitle {
    display: block !important;
    position: relative !important;
    margin: 0 0 15px !important;
    padding: 0 0 10px !important;
    color: #f4f6f8 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .widget_product_categories .widget-title::after,
body.fg-dark.tax-product_cat #shop-sidebar .widget_product_categories .widget-title::after,
body.fg-dark.woocommerce-shop #shop-sidebar .widget_product_categories .widgettitle::after,
body.fg-dark.tax-product_cat #shop-sidebar .widget_product_categories .widgettitle::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 2px;
    background: var(--fg-primary);
    border-radius: 2px;
}

body.fg-dark.woocommerce-shop #shop-sidebar .widget_product_categories .is-divider,
body.fg-dark.tax-product_cat #shop-sidebar .widget_product_categories .is-divider {
    display: none !important;
}

/* Lista */
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories {
    margin: 0 !important;
    padding: 0 !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li {
    position: relative !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.055) !important;
}

/* Categorías principales */
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li > a,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li > a {
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    padding: 10px 42px 10px 12px !important;
    border-radius: 7px !important;
    color: #929cab !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: color .18s ease, background-color .18s ease !important;
}

/* Categoría activa: espacio real entre indicador y letra inicial */
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li.current-cat > a,
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li.current-cat-parent > a,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li.current-cat > a,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li.current-cat-parent > a {
    padding-left: 30px !important;
    padding-right: 42px !important;
    color: #2f9cff !important;
    background: rgba(8,127,245,.075) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* Indicador activo independiente, sin tocar la J */
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li.current-cat > a::before,
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li.current-cat-parent > a::before,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li.current-cat > a::before,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li.current-cat-parent > a::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 8px !important;
    bottom: 8px !important;
    width: 3px !important;
    height: auto !important;
    background: var(--fg-primary) !important;
    border-radius: 3px !important;
    transform: none !important;
}

/* Toggle/flecha: sin recuadro de focus persistente */
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li > .toggle,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li > .toggle {
    position: absolute !important;
    top: 3px !important;
    right: 2px !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #7f8997 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    outline: none !important;
    opacity: 1 !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li > .toggle:focus,
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li > .toggle:focus-visible,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li > .toggle:focus,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li > .toggle:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li.current-cat > .toggle,
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li.current-cat-parent > .toggle,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li.current-cat > .toggle,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li.current-cat-parent > .toggle {
    color: #2f9cff !important;
}

/* Subcategorías */
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li > ul.children,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li > ul.children {
    margin: 4px 0 7px 12px !important;
    padding: 1px 0 2px 15px !important;
    border-left: 1px solid rgba(255,255,255,.065) !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories ul.children > li > a,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories ul.children > li > a {
    display: block !important;
    margin: 1px 0 !important;
    padding: 5px 9px !important;
    border-radius: 6px !important;
    color: #8993a2 !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
}

body.fg-dark.woocommerce-shop #shop-sidebar .product-categories ul.children > li.current-cat > a,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories ul.children > li.current-cat > a {
    color: #fff !important;
    background: rgba(8,127,245,.10) !important;
    font-weight: 600 !important;
}

/* Evita que la regla antigua de hijos dibuje otro indicador */
body.fg-dark.woocommerce-shop #shop-sidebar .product-categories .children li.current-cat > a::before,
body.fg-dark.tax-product_cat #shop-sidebar .product-categories .children li.current-cat > a::before {
    display: none !important;
    content: none !important;
}

@media (hover:hover) and (pointer:fine) {
    body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li > a:hover,
    body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li > a:hover {
        color: #fff !important;
        background: rgba(255,255,255,.04) !important;
        padding-left: 12px !important;
    }

    body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li.current-cat > a:hover,
    body.fg-dark.woocommerce-shop #shop-sidebar .product-categories > li.current-cat-parent > a:hover,
    body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li.current-cat > a:hover,
    body.fg-dark.tax-product_cat #shop-sidebar .product-categories > li.current-cat-parent > a:hover {
        padding-left: 30px !important;
        color: #49a9ff !important;
        background: rgba(8,127,245,.10) !important;
    }

    body.fg-dark.woocommerce-shop #shop-sidebar .product-categories ul.children > li > a:hover,
    body.fg-dark.tax-product_cat #shop-sidebar .product-categories ul.children > li > a:hover {
        color: #fff !important;
        background: rgba(255,255,255,.04) !important;
    }
}

/* =========================================================
   CATALOG RESULT COUNT - FINAL
   ========================================================= */

body.fg-dark .fg-result-count {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;

    min-height: 42px !important;

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

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #a3acb9 !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    white-space: nowrap;
}


/* Punto azul */
body.fg-dark .fg-result-count::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    background: #087ff5;

    border-radius: 50%;
}


body.fg-dark .fg-result-count span {
    color: #8993a2 !important;
    font-weight: 500 !important;
}


/* MOBILE */
@media (max-width: 549px) {

    body.fg-dark .fg-result-count {
        font-size: 12px !important;
        min-height: 38px !important;
    }

}

/* =========================================================
   CATALOG RESULT COUNT - OCULTAR CONTADOR ORIGINAL
   ========================================================= */

/* Oculta el contador original de WooCommerce/Flatsome */
body.fg-dark .shop-page-title .woocommerce-result-count:not(.fg-result-count),
body.fg-dark .category-page-title .woocommerce-result-count:not(.fg-result-count),
body.fg-dark .page-title .woocommerce-result-count:not(.fg-result-count) {
    display: none !important;
}

/* =========================================================
   FUSION GAMES - PRICE FILTER V1.0
   ========================================================= */

/* Widget */
body.fg-dark .widget_price_filter {
    margin-top: 28px !important;
}


/* Título */
body.fg-dark .widget_price_filter .widget-title,
body.fg-dark .widget_price_filter .widgettitle {
    display: block !important;

    margin: 0 0 16px !important;
    padding: 0 0 10px !important;

    position: relative !important;

    color: #f3f5f7 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}


/* Línea azul */
body.fg-dark .widget_price_filter .widget-title::after,
body.fg-dark .widget_price_filter .widgettitle::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 28px;
    height: 2px;

    background: #087ff5;

    border-radius: 2px;
}


/* Quitar divisor original */
body.fg-dark .widget_price_filter .is-divider {
    display: none !important;
}


/* =========================================================
   SLIDER
   ========================================================= */

body.fg-dark .widget_price_filter .price_slider_wrapper {
    padding-top: 4px !important;
}


body.fg-dark .widget_price_filter .ui-slider {
    height: 4px !important;

    margin: 12px 5px 20px !important;

    background: #303743 !important;

    border: 0 !important;
    border-radius: 999px !important;

    box-shadow: none !important;
}


/* Zona seleccionada */
body.fg-dark .widget_price_filter .ui-slider-range {
    background: #087ff5 !important;

    border-radius: 999px !important;
}


/* Controles */
body.fg-dark .widget_price_filter .ui-slider-handle {
    top: 50% !important;

    width: 14px !important;
    height: 14px !important;

    margin-left: -7px !important;

    transform: translateY(-50%) !important;

    background: #dce2e9 !important;

    border: 2px solid #087ff5 !important;
    border-radius: 50% !important;

    box-shadow:
        0 0 0 3px rgba(8,127,245,.10) !important;

    cursor: pointer !important;
}


/* =========================================================
   BOTÓN + PRECIO
   ========================================================= */

body.fg-dark .widget_price_filter .price_slider_amount {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    margin-top: 0 !important;
}


/* Botón FILTRAR */
body.fg-dark .widget_price_filter .button {
    order: 1 !important;

    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 15px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #dce2e9 !important;
    background: #171d26 !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: .04em !important;
    text-transform: uppercase !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease !important;
}


/* Hover botón */
@media (hover:hover) and (pointer:fine) {

    body.fg-dark .widget_price_filter .button:hover {
        color: #fff !important;

        background: rgba(8,127,245,.10) !important;

        border-color: rgba(8,127,245,.45) !important;
    }

}


/* Texto precio */
body.fg-dark .widget_price_filter .price_label {
    order: 2 !important;

    margin: 0 !important;

    color: #8e98a7 !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}


/* Precio destacado */
body.fg-dark .widget_price_filter .price_label .from,
body.fg-dark .widget_price_filter .price_label .to {
    color: #c7ced8 !important;

    font-weight: 600 !important;
}


/* Clearfix de WooCommerce */
body.fg-dark .widget_price_filter .price_slider_amount::after,
body.fg-dark .widget_price_filter .price_slider_amount::before {
    display: none !important;
}

/* =========================================================
   PRICE FILTER V1.1 - AJUSTE FINAL DESKTOP
   ========================================================= */

/* Más compacto */
body.fg-dark .widget_price_filter {
    margin-top: 26px !important;
}


/* Slider */
body.fg-dark .widget_price_filter .ui-slider {
    height: 3px !important;
    margin: 12px 9px 19px !important;
}


/* Handles un poco más pequeños */
body.fg-dark .widget_price_filter .ui-slider-handle {
    width: 13px !important;
    height: 13px !important;
    margin-left: -6px !important;

    border-width: 2px !important;

    box-shadow:
        0 0 0 3px rgba(8,127,245,.09) !important;
}


/* Fila inferior */
body.fg-dark .widget_price_filter .price_slider_amount {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 10px !important;

    width: 100% !important;
}


/* Botón */
body.fg-dark .widget_price_filter .button {
    flex: 0 0 auto !important;

    min-height: 34px !important;

    padding: 0 13px !important;

    font-size: 10.5px !important;
}


/* Precio */
body.fg-dark .widget_price_filter .price_label {
    flex: 1 1 auto !important;

    margin: 0 !important;

    text-align: right !important;

    font-size: 11.5px !important;
    line-height: 1.3 !important;

    white-space: nowrap !important;
}


/* Importes */
body.fg-dark .widget_price_filter .price_label .from,
body.fg-dark .widget_price_filter .price_label .to {
    font-size: inherit !important;
}

/* =========================================================
   FUSION GAMES - CATALOG MOBILE V2.0 FINAL
   Cabecera + toolbar móvil
   Mantiene intactos cards y off-canvas
   ========================================================= */

@media (max-width: 549px) {

    /* =====================================================
       CABECERA DE CATEGORÍA
       ===================================================== */

    body.fg-dark.woocommerce-shop .shop-page-title,
    body.fg-dark.tax-product_cat .shop-page-title {
        padding-top: 18px !important;
        padding-bottom: 14px !important;
    }

    body.fg-dark.woocommerce-shop .shop-page-title .page-title-inner,
    body.fg-dark.tax-product_cat .shop-page-title .page-title-inner {
        display: block !important;
        min-height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Título */
    body.fg-dark.woocommerce-shop .shop-page-title .page-title-inner h1,
    body.fg-dark.tax-product_cat .shop-page-title .page-title-inner h1,
    body.fg-dark.woocommerce-shop .shop-page-title .shop-page-title-title,
    body.fg-dark.tax-product_cat .shop-page-title .shop-page-title-title {
        margin-bottom: 10px !important;
        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    /* Descripción */
    body.fg-dark.tax-product_cat .shop-page-title .term-description {
        margin: 0 auto 9px !important;
    }

    body.fg-dark.tax-product_cat .shop-page-title .term-description p {
        margin-bottom: 0 !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    /* Breadcrumb */
    body.fg-dark.woocommerce-shop .shop-page-title .breadcrumbs,
    body.fg-dark.tax-product_cat .shop-page-title .breadcrumbs {
        margin: 8px 0 12px !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
    }


    /* =====================================================
       TOOLBAR MÓVIL
       FILTRAR + ORDENAMIENTO EN DOS FILAS COMPACTAS
       ===================================================== */

    /* Evita que reglas desktop intenten alinear los controles */
    body.fg-dark.woocommerce-shop .shop-page-title .flex-col:last-child,
    body.fg-dark.tax-product_cat .shop-page-title .flex-col:last-child {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Fila FILTRAR */
    body.fg-dark.woocommerce-shop .category-filtering,
    body.fg-dark.tax-product_cat .category-filtering {
        display: block !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        text-align: left !important;
    }

    body.fg-dark.woocommerce-shop .category-filtering .filter-button,
    body.fg-dark.tax-product_cat .category-filtering .filter-button {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;

        width: 100% !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        color: #dbe1e8 !important;
        background: #141a23 !important;

        border: 1px solid rgba(255,255,255,.10) !important;
        border-radius: 8px !important;

        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .035em !important;

        text-decoration: none !important;
        box-shadow: none !important;
    }

    body.fg-dark.woocommerce-shop .category-filtering .filter-button i,
    body.fg-dark.tax-product_cat .category-filtering .filter-button i {
        margin: 0 !important;
        color: #8f9aaa !important;
        font-size: 15px !important;
    }

    body.fg-dark.woocommerce-shop .category-filtering .filter-button:hover,
    body.fg-dark.tax-product_cat .category-filtering .filter-button:hover,
    body.fg-dark.woocommerce-shop .category-filtering .filter-button:focus,
    body.fg-dark.tax-product_cat .category-filtering .filter-button:focus {
        color: #fff !important;
        background: #171e28 !important;
        border-color: rgba(8,127,245,.34) !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* Oculta cualquier contenido auxiliar de Flatsome dentro de la fila */
    body.fg-dark.woocommerce-shop .category-filtering > .inline-block,
    body.fg-dark.tax-product_cat .category-filtering > .inline-block {
        display: none !important;
    }


    /* =====================================================
       ORDENAMIENTO
       ===================================================== */

    body.fg-dark.woocommerce-shop .woocommerce-ordering,
    body.fg-dark.tax-product_cat .woocommerce-ordering {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.fg-dark.woocommerce-shop .woocommerce-ordering select,
    body.fg-dark.tax-product_cat .woocommerce-ordering select {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 42px !important;

        margin: 0 !important;
        padding: 0 38px 0 14px !important;

        color: #dbe1e8 !important;
        background-color: #141a23 !important;

        border: 1px solid rgba(255,255,255,.10) !important;
        border-radius: 8px !important;

        font-size: 12px !important;
        font-weight: 500 !important;

        box-shadow: none !important;
    }

    body.fg-dark.woocommerce-shop .woocommerce-ordering select:focus,
    body.fg-dark.tax-product_cat .woocommerce-ordering select:focus {
        border-color: rgba(8,127,245,.55) !important;
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(8,127,245,.08) !important;
    }


    /* =====================================================
       CONTADOR
       ===================================================== */

    body.fg-dark.woocommerce-shop .fg-result-count,
    body.fg-dark.tax-product_cat .fg-result-count,
    body.fg-dark.woocommerce-shop .woocommerce-result-count,
    body.fg-dark.tax-product_cat .woocommerce-result-count {
        display: none !important;
    }


    /* =====================================================
       ESPACIO ANTES DE PRODUCTOS
       ===================================================== */

    body.fg-dark.woocommerce-shop .category-page-row,
    body.fg-dark.tax-product_cat .category-page-row {
        padding-top: 10px !important;
    }
}

/* =========================================================
   FUSION GAMES - MOBILE FILTER OFFCANVAS V1.0
   Solo panel FILTRAR móvil
   ========================================================= */

@media (max-width: 849px) {

    /* =====================================================
       PANEL GENERAL
       ===================================================== */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left .mfp-content {
        width: 88vw !important;
        max-width: 390px !important;

        background: #0f141c !important;

        border-right: 1px solid rgba(255,255,255,.07) !important;

        box-shadow:
            18px 0 45px rgba(0,0,0,.35) !important;
    }


    /* =====================================================
       SIDEBAR INTERIOR
       ===================================================== */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left #shop-sidebar {
        width: 100% !important;
        max-width: none !important;

        padding: 20px 18px 28px !important;

        background: transparent !important;

        overflow: visible !important;
    }


    /* =====================================================
       BOTÓN CERRAR
       ===================================================== */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left .mfp-close {
        top: 14px !important;
        right: 14px !important;

        width: 42px !important;
        height: 42px !important;

        color: #d8dee7 !important;

        background: rgba(18,23,31,.94) !important;

        border: 1px solid rgba(255,255,255,.10) !important;
        border-radius: 9px !important;

        font-size: 32px !important;
        line-height: 38px !important;

        opacity: 1 !important;

        box-shadow: 0 5px 14px rgba(0,0,0,.20) !important;
    }


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

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widget_product_categories {
        margin: 0 0 24px !important;

        padding: 17px 14px 14px !important;

        background: #121820 !important;

        border: 1px solid rgba(255,255,255,.07) !important;
        border-radius: 12px !important;

        box-shadow: none !important;
    }


    /* =====================================================
       TÍTULOS DE WIDGET
       ===================================================== */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widget-title,
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widgettitle {
        display: block !important;

        margin: 0 0 16px !important;
        padding: 0 0 10px !important;

        color: #f4f6f8 !important;

        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: .035em !important;

        border-bottom: 0 !important;
    }


    /* Línea azul bajo títulos */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widget-title::after,
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widgettitle::after {
        content: "" !important;

        display: block !important;

        width: 44px !important;
        height: 3px !important;

        margin-top: 10px !important;

        background: var(--fg-primary) !important;

        border-radius: 3px !important;
    }


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

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories > li {
        margin: 0 !important;

        border-bottom: 1px solid rgba(255,255,255,.055) !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories > li:last-child {
        border-bottom: 0 !important;
    }


    /* =====================================================
       LINKS DE CATEGORÍAS PRINCIPALES
       ===================================================== */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories > li > a {
        min-height: 49px !important;

        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 8px 38px 8px 10px !important;

        color: #9aa4b3 !important;

        background: transparent !important;

        border-radius: 8px !important;

        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;

        box-shadow: none !important;
    }


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

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories > li.current-cat > a,

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories > li.current-cat-parent > a {
        position: relative !important;

        min-height: 48px !important;

        padding-left: 36px !important;
        padding-right: 38px !important;

        color: #349dff !important;

        background: rgba(8,127,245,.085) !important;

        font-weight: 600 !important;

        border-radius: 8px !important;
    }


    /* Indicador azul */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories > li.current-cat > a::before,

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories > li.current-cat-parent > a::before {
        content: "" !important;

        position: absolute !important;

        left: 13px !important;
        top: 10px !important;
        bottom: 10px !important;

        width: 3px !important;
        height: auto !important;

        background: var(--fg-primary) !important;

        border-radius: 3px !important;

        transform: none !important;
    }


    /* =====================================================
       TOGGLE
       ===================================================== */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories .toggle {
        top: 50% !important;
        right: 7px !important;

        width: 34px !important;
        height: 34px !important;

        margin-top: -17px !important;

        color: #8792a1 !important;

        background: transparent !important;

        border: 0 !important;

        outline: none !important;
        box-shadow: none !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories .toggle:focus,
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories .toggle:active {
        outline: none !important;
        box-shadow: none !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories .current-cat > .toggle,
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories .current-cat-parent > .toggle {
        color: var(--fg-primary) !important;
    }


    /* =====================================================
       SUBCATEGORÍAS
       ===================================================== */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories ul.children {
        margin: 0 0 7px 22px !important;

        padding: 5px 0 5px 15px !important;

        border-left: 1px solid rgba(255,255,255,.075) !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories ul.children li {
        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories ul.children li > a {
        display: block !important;

        min-height: 0 !important;

        margin: 0 !important;
        padding: 7px 8px !important;

        color: #909aaa !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 6px !important;

        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;

        box-shadow: none !important;
    }


    /* =====================================================
       SUBCATEGORÍA ACTIVA
       ===================================================== */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories ul.children li.current-cat > a {
        color: #fff !important;

        background: rgba(8,127,245,.09) !important;

        font-weight: 500 !important;
    }


    /* =====================================================
       FILTRO POR PRECIO
       ===================================================== */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widget_price_filter {
        margin-top: 0 !important;

        padding: 0 2px !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widget_price_filter .price_slider_wrapper {
        padding-top: 2px !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widget_price_filter .ui-slider {
        height: 3px !important;

        margin: 12px 9px 18px !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widget_price_filter .ui-slider-handle {
        width: 15px !important;
        height: 15px !important;

        margin-left: -7px !important;

        border-width: 2px !important;

        box-shadow:
            0 0 0 3px rgba(8,127,245,.10) !important;
    }


    /* =====================================================
       BOTÓN + PRECIO
       ===================================================== */

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widget_price_filter .price_slider_amount {
        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 10px !important;

        width: 100% !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widget_price_filter .button {
        flex: 0 0 auto !important;

        min-height: 36px !important;

        padding: 0 14px !important;

        font-size: 11px !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .widget_price_filter .price_label {
        flex: 1 1 auto !important;

        margin: 0 !important;

        text-align: right !important;

        font-size: 11.5px !important;
        line-height: 1.3 !important;

        white-space: nowrap !important;
    }


    /* =====================================================
       OVERLAY
       ===================================================== */

    body.fg-dark .mfp-bg {
        background: #05070a !important;
        opacity: .78 !important;
    }

}

/* =========================================================
   FUSION GAMES - MOBILE FILTER
   FIX TOGGLE CATEGORÍAS V1.1
   ========================================================= */

@media (max-width: 849px) {

    /*
     * Cada categoría padre debe ser la referencia
     * para posicionar su propio toggle.
     */
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories li.cat-parent {
        position: relative !important;
    }


    /*
     * Restaurar el toggle sobre la fila principal.
     */
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories li.cat-parent > .toggle {
        position: absolute !important;

        top: 7px !important;
        right: 7px !important;

        width: 34px !important;
        height: 34px !important;

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

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        color: #8792a1 !important;
        background: transparent !important;

        border: 0 !important;
        border-radius: 6px !important;

        outline: none !important;
        box-shadow: none !important;

        z-index: 5 !important;

        cursor: pointer !important;
    }


    /*
     * Icono del toggle.
     */
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories li.cat-parent > .toggle i {
        margin: 0 !important;

        color: inherit !important;

        font-size: 14px !important;

        pointer-events: none !important;
    }


    /*
     * Categoría abierta / activa.
     */
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories li.cat-parent.active > .toggle,

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories li.cat-parent.current-cat > .toggle,

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories li.cat-parent.current-cat-parent > .toggle,

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories li.cat-parent[aria-expanded="true"] > .toggle {
        color: var(--fg-primary) !important;
    }


    /*
     * Evitar outline/recuadro al tocar.
     */
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories li.cat-parent > .toggle:focus,

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories li.cat-parent > .toggle:active {
        outline: none !important;
        box-shadow: none !important;
    }

}

/* =========================================================
   FUSION GAMES - MOBILE FILTER
   SUBCATEGORÍAS COMPACTAS V1.2
   ========================================================= */

@media (max-width: 849px) {

    /* Lista de subcategorías */
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories ul.children {
        margin-top: 2px !important;
        margin-bottom: 7px !important;

        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    /* Cada subcategoría */
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left
    #shop-sidebar .product-categories ul.children li > a {
        min-height: 38px !important;

        display: flex !important;
        align-items: center !important;

        padding: 5px 8px !important;

        font-size: 14px !important;
        line-height: 1.25 !important;
    }

}

/* =========================================================
   FUSION GAMES - MOBILE FILTER
   BOTÓN CERRAR V1.5
   ========================================================= */

@media (max-width: 849px) {

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left .mfp-close {
        position: absolute !important;

        top: 18px !important;

        right: calc(12vw + 14px) !important;
        left: auto !important;

        width: 38px !important;
        height: 38px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

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

        color: #9ca6b5 !important;
        background: #161c25 !important;

        border: 1px solid rgba(255,255,255,.10) !important;
        border-radius: 8px !important;

        font-size: 0 !important;
        line-height: 1 !important;

        opacity: 1 !important;
        visibility: visible !important;

        box-shadow: 0 4px 14px rgba(0,0,0,.18) !important;

        z-index: 9999 !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left .mfp-close::before,
    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left .mfp-close::after {
        content: "" !important;

        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        width: 17px !important;
        height: 2px !important;

        background: currentColor !important;

        border-radius: 2px !important;

        transform-origin: center !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left .mfp-close::before {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    body.fg-dark .mfp-wrap.off-canvas.off-canvas-left .mfp-close::after {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

}

/* =========================================================
   FUSION GAMES - PAGINACIÓN CATÁLOGO MOBILE V2.0
   FLATSOME EXACT SELECTORS
   ========================================================= */

@media (max-width: 549px) {

    body.fg-dark nav.woocommerce-pagination {
        width: 100% !important;

        margin: 18px 0 24px !important;
        padding: 0 8px !important;
    }


    /* CONTENEDOR */

    body.fg-dark nav.woocommerce-pagination
    ul.page-numbers.nav-pagination {

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex-wrap: nowrap !important;

        gap: 5px !important;

        width: 100% !important;

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

        border: 0 !important;
    }


    /* LI */

    body.fg-dark nav.woocommerce-pagination
    ul.page-numbers.nav-pagination > li {

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

        border: 0 !important;
    }


    /* TODOS LOS BOTONES */

    body.fg-dark nav.woocommerce-pagination
    ul.page-numbers.nav-pagination > li > .page-number {

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;

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

        color: #aab3c0 !important;
        background: #141a23 !important;

        border: 1px solid rgba(255,255,255,.10) !important;
        border-radius: 50% !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        box-shadow: none !important;

        transition:
            background-color .18s ease,
            border-color .18s ease,
            color .18s ease !important;
    }


    /* PÁGINA ACTUAL */

    body.fg-dark nav.woocommerce-pagination
    ul.page-numbers.nav-pagination > li > .page-number.current {

        color: #ffffff !important;

        background: #087ff5 !important;

        border-color: #087ff5 !important;

        box-shadow:
            0 4px 12px rgba(8,127,245,.22) !important;
    }


    /* FLECHAS */

    body.fg-dark nav.woocommerce-pagination
    ul.page-numbers.nav-pagination > li > .page-number.prev,

    body.fg-dark nav.woocommerce-pagination
    ul.page-numbers.nav-pagination > li > .page-number.next {

        color: #dce2e9 !important;

        background: #171d27 !important;

        border-color: rgba(255,255,255,.12) !important;
    }


    /* PUNTOS ... */

    body.fg-dark nav.woocommerce-pagination
    ul.page-numbers.nav-pagination > li > .page-number.dots {

        width: 22px !important;
        min-width: 22px !important;

        color: #707a89 !important;

        background: transparent !important;

        border-color: transparent !important;

        font-size: 13px !important;
    }


    /* HOVER */

    body.fg-dark nav.woocommerce-pagination
    ul.page-numbers.nav-pagination > li > a.page-number:hover {

        color: #ffffff !important;

        background: #1b2430 !important;

        border-color: rgba(8,127,245,.35) !important;
    }

    }

    /* =========================================================
   FUSION GAMES - HEADER DROPDOWN FIX FINAL
   ========================================================= */

@media (min-width: 850px) {

    body.fg-dark #header .header-nav .nav-dropdown {
        background: #121820 !important;
        background-color: #121820 !important;

        border: 1px solid rgba(255,255,255,.09) !important;
        border-radius: 11px !important;

        box-shadow: 0 18px 42px rgba(0,0,0,.42) !important;
    }

    body.fg-dark #header .header-nav .nav-dropdown > li {
        background: transparent !important;
    }

    body.fg-dark #header .header-nav .nav-dropdown > li > a {
        color: #aeb7c5 !important;
        background: transparent !important;
        border-radius: 7px !important;
    }

    body.fg-dark #header .header-nav .nav-dropdown > li > a:hover {
        color: #ffffff !important;
        background: rgba(8,127,245,.11) !important;
    }

}


/* =========================================================
   FUSION GAMES - FOOTER AUTÓNOMO DARK V1.0
   ========================================================= */
body.fg-dark .fg-footer-main,
body.fg-dark .fg-footer-main .section-bg { background:#10141b !important; color:#f4f6f8 !important; }

body.fg-dark .fg-footer-bottom,
body.fg-dark .fg-footer-bottom .section-bg { background:#070a0f !important; color:#707a88 !important; }

body.fg-dark .fg-footer-main h1,body.fg-dark .fg-footer-main h2,body.fg-dark .fg-footer-main h3,
body.fg-dark .fg-footer-main h4,body.fg-dark .fg-footer-main h5,body.fg-dark .fg-footer-main h6,
body.fg-dark .fg-footer-main .section-title-main { color:#f4f6f8 !important; }

body.fg-dark .fg-footer-brand p,body.fg-dark .fg-footer-links p,body.fg-dark .fg-footer-security p { color:#98a2b0 !important; }
body.fg-dark .fg-footer-links a { color:#a7b0bd !important; }
body.fg-dark .fg-footer-links a:hover { color:#fff !important; }
body.fg-dark .fg-footer-security strong { color:#e4e8ed !important; }

body.fg-dark .fg-footer-bottom p { color:#707a88 !important; }
body.fg-dark .fg-footer-bottom a { color:#8f99a7 !important; }
body.fg-dark .fg-footer-bottom a:hover { color:#fff !important; }

body.fg-dark .fg-footer-main .section-title { border-bottom-color:rgba(255,255,255,.08) !important; }
body.fg-dark .fg-footer-main .section-title::after { background:#087ff5 !important; }

body.fg-dark .fg-footer-brand .social-icons a,
body.fg-dark .fg-footer-brand .social-icons a.facebook,
body.fg-dark .fg-footer-brand .social-icons a.instagram,
body.fg-dark .fg-footer-brand .social-icons a.youtube {
    background:#141a23 !important;
    border-color:rgba(255,255,255,.09) !important;
    color:#aeb7c4 !important;
}
body.fg-dark .fg-footer-brand .social-icons a i { color:inherit !important; }

/* =========================================================
   FUSION GAMES - CUSTOM FOOTER WRAPPER DARK FIX
   ========================================================= */

/* Contenedor exterior de Flatsome */
body.fg-dark #footer:has(.fg-footer-main),
body.fg-dark #footer:has(.fg-footer-bottom),
body.fg-dark .footer-wrapper:has(.fg-footer-main),
body.fg-dark .footer-wrapper:has(.fg-footer-bottom) {
    background: #10141b !important;
    background-color: #10141b !important;
}

/* Elimina posibles fondos blancos intermedios */
body.fg-dark #footer:has(.fg-footer-main) .footer,
body.fg-dark #footer:has(.fg-footer-main) .footer-widgets,
body.fg-dark #footer:has(.fg-footer-main) .footer-1,
body.fg-dark #footer:has(.fg-footer-main) .footer-2,
body.fg-dark #footer:has(.fg-footer-main) .container,
body.fg-dark .footer-wrapper:has(.fg-footer-main) {
    background-color: transparent !important;
}

/* Footer principal */
body.fg-dark .fg-footer-main,
body.fg-dark .fg-footer-main .section-bg,
body.fg-dark .fg-footer-main .section-content {
    background-color: #10141b !important;
}

/* Footer inferior */
body.fg-dark .fg-footer-bottom,
body.fg-dark .fg-footer-bottom .section-bg,
body.fg-dark .fg-footer-bottom .section-content {
    background-color: #070a0f !important;
}

/* =========================================================
   FUSION GAMES - THANK YOU PAGE DARK V1.0
   Base de Order Received en modo preview
   ========================================================= */

body.fg-dark.woocommerce-order-received {
    background: #0d1015 !important;
}

/* =========================================================
   FUSION GAMES - THANK YOU PAGE DARK V2.0 FINAL
   WooCommerce Order Received + Formidable
========================================================= */


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

body.fg-dark.woocommerce-order-received,
body.fg-dark.woocommerce-order-received #wrapper,
body.fg-dark.woocommerce-order-received #main,
body.fg-dark.woocommerce-order-received .page-wrapper,
body.fg-dark.woocommerce-order-received .woocommerce,
body.fg-dark.woocommerce-order-received .woocommerce-order {

    background: #0d1015 !important;
    background-color: #0d1015 !important;
}


/* =========================================================
   BLOQUE "GRACIAS POR TU COMPRA"
========================================================= */

body.fg-dark.woocommerce-order-received
.fg-thankyou-message {

    background: #17233a !important;

    border: 1px solid rgba(8,127,245,.28) !important;
    border-radius: 12px !important;

    padding: 20px !important;

    box-shadow: none !important;
}

body.fg-dark.woocommerce-order-received
.fg-thankyou-message h1,
body.fg-dark.woocommerce-order-received
.fg-thankyou-message h2,
body.fg-dark.woocommerce-order-received
.fg-thankyou-message h3 {

    color: #ffffff !important;
}

body.fg-dark.woocommerce-order-received
.fg-thankyou-message p {

    color: #b9c3d1 !important;

    line-height: 1.55 !important;
}


/* Fallback para el bloque antiguo con inline background */
body.fg-dark.woocommerce-order-received
.woocommerce-order > .responsive-columns
.responsive-left > div[style*="background-color"] {

    background: #17233a !important;

    border: 1px solid rgba(8,127,245,.28) !important;

    color: #b9c3d1 !important;
}

body.fg-dark.woocommerce-order-received
.woocommerce-order > .responsive-columns
.responsive-left > div[style*="background-color"] h3 {

    color: #ffffff !important;
}


/* =========================================================
   DATOS BANCARIOS
========================================================= */

body.fg-dark.woocommerce-order-received
.fg-bank-details,
body.fg-dark.woocommerce-order-received
.responsive-left {

    color: #f4f6f8 !important;
}

body.fg-dark.woocommerce-order-received
.fg-bank-details h1,
body.fg-dark.woocommerce-order-received
.fg-bank-details h2,
body.fg-dark.woocommerce-order-received
.fg-bank-details h3,
body.fg-dark.woocommerce-order-received
.responsive-left h3 {

    color: #f4f6f8 !important;
}

body.fg-dark.woocommerce-order-received
.fg-bank-details p,
body.fg-dark.woocommerce-order-received
.fg-bank-details li,
body.fg-dark.woocommerce-order-received
.responsive-left li {

    color: #e1e6ed !important;
}

body.fg-dark.woocommerce-order-received
.responsive-left strong {

    color: #ffffff !important;
}


/* =========================================================
   FORMIDABLE - LABEL
========================================================= */

body.fg-dark.woocommerce-order-received
.frm_forms label,
body.fg-dark.woocommerce-order-received
.frm_forms .frm_primary_label,
body.fg-dark.woocommerce-order-received
.frm_forms .frm_section_heading,
body.fg-dark.woocommerce-order-received
.frm_forms .frm_description {

    color: #c9d1dc !important;
}


/* Asterisco requerido */
body.fg-dark.woocommerce-order-received
.frm_forms .frm_required {

    color: #ef4444 !important;
}


/* =========================================================
   FORMIDABLE - UPLOAD
========================================================= */

body.fg-dark.woocommerce-order-received
.frm_forms .dz-message.needsclick {

    min-height: 220px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    background: #151b24 !important;

    border: 1px dashed #3a4554 !important;
    border-radius: 10px !important;

    color: #f4f6f8 !important;

    padding: 28px 20px !important;

    transition:
        border-color .2s ease,
        background-color .2s ease !important;
}

body.fg-dark.woocommerce-order-received
.frm_forms .dz-message.needsclick:hover {

    background: #18202b !important;

    border-color: rgba(8,127,245,.65) !important;
}


/* Icono upload */

body.fg-dark.woocommerce-order-received
.frm_forms .dz-message.needsclick svg,
body.fg-dark.woocommerce-order-received
.frm_forms .dz-message.needsclick .frmsvg {

    color: #7f8b9b !important;
    fill: currentColor !important;
}


/* Texto principal */

body.fg-dark.woocommerce-order-received
.frm_forms .frm_upload_text,
body.fg-dark.woocommerce-order-received
.frm_forms .frm_upload_text button,
body.fg-dark.woocommerce-order-received
.frm_forms .frm_compact_text,
body.fg-dark.woocommerce-order-received
.frm_forms .frm_compact_text button {

    color: #e9edf2 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* Tamaño máximo */

body.fg-dark.woocommerce-order-received
.frm_forms .frm_small_text,
body.fg-dark.woocommerce-order-received
.frm_forms .frm_small_text p {

    color: #7f8997 !important;
}


/* =========================================================
   BOTÓN ENVIAR COMPROBANTE
========================================================= */

body.fg-dark.woocommerce-order-received
.frm_forms .frm_button_submit,
body.fg-dark.woocommerce-order-received
.frm_forms button.frm_final_submit {

    width: 100% !important;

    min-height: 50px !important;

    background: #087ff5 !important;

    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 9px !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    box-shadow: none !important;

    transition:
        background-color .2s ease,
        transform .2s ease !important;
}

body.fg-dark.woocommerce-order-received
.frm_forms .frm_button_submit:hover,
body.fg-dark.woocommerce-order-received
.frm_forms button.frm_final_submit:hover {

    background: #2992ff !important;

    transform: translateY(-1px);
}


/* =========================================================
   TARJETA RESUMEN DEL PEDIDO
========================================================= */

body.fg-dark.woocommerce-order-received
.responsive-right {

    background: #151b24 !important;

    border: 1px solid #2a313c !important;
    border-radius: 11px !important;

    color: #f4f6f8 !important;

    box-shadow: none !important;
}

body.fg-dark.woocommerce-order-received
.responsive-right h1,
body.fg-dark.woocommerce-order-received
.responsive-right h2,
body.fg-dark.woocommerce-order-received
.responsive-right h3,
body.fg-dark.woocommerce-order-received
.responsive-right h4 {

    color: #ffffff !important;
}

body.fg-dark.woocommerce-order-received
.responsive-right p,
body.fg-dark.woocommerce-order-received
.responsive-right li,
body.fg-dark.woocommerce-order-received
.responsive-right span {

    color: #aeb7c4 !important;
}

body.fg-dark.woocommerce-order-received
.responsive-right strong {

    color: #f4f6f8 !important;
}


/* =========================================================
   THANK YOU - MOBILE FINAL COMPACTO
   Reduce la separación entre el formulario y el resumen
   sin alterar el resto del layout.
========================================================= */

@media (max-width: 849px) {

    body.fg-dark.woocommerce-order-received
    .woocommerce-order {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.fg-dark.woocommerce-order-received
    .fg-thankyou-message {
        padding: 18px !important;
    }

    body.fg-dark.woocommerce-order-received
    .frm_forms .dz-message.needsclick {
        min-height: 190px !important;
        padding: 24px 16px !important;
    }

    body.fg-dark.woocommerce-order-received
    .responsive-columns {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 24px !important;
    }

    body.fg-dark.woocommerce-order-received
    .responsive-left,
    body.fg-dark.woocommerce-order-received
    .responsive-right {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
    }

    body.fg-dark.woocommerce-order-received
    .responsive-left {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    body.fg-dark.woocommerce-order-received
    .responsive-left .frm_forms,
    body.fg-dark.woocommerce-order-received
    .responsive-left .frm_forms form {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    body.fg-dark.woocommerce-order-received
    .responsive-right {
        margin-top: 0 !important;
    }
}

/* =========================================================
   THANK YOU - UPLOAD CORNERS FIX
========================================================= */

body.fg-dark.woocommerce-order-received
.frm_forms .frm_dropzone,

body.fg-dark.woocommerce-order-received
.frm_forms .frm_dropzone.dz-clickable,

body.fg-dark.woocommerce-order-received
.frm_forms .frm_single_upload {

    background: #151b24 !important;
    background-color: #151b24 !important;

    border-radius: 10px !important;

    box-shadow: none !important;
}


/* El área interior ocupa completamente el contenedor */

body.fg-dark.woocommerce-order-received
.frm_forms .frm_dropzone .dz-message.needsclick {

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    background: #151b24 !important;
    background-color: #151b24 !important;

    border-radius: 10px !important;

    box-sizing: border-box !important;
}

/* =========================================================
   CART - PRODUCT QUANTITY / PRICE CONTRAST
========================================================= */

body.fg-dark.woocommerce-cart
.product-name .product-quantity,
body.fg-dark.woocommerce-cart
.product-name .product-quantity *,
body.fg-dark.woocommerce-cart
.mobile-product-price,
body.fg-dark.woocommerce-cart
.mobile-product-price * {
    color: #9da7b5 !important;
    opacity: 1 !important;
}

/* =========================================================
   CART MOBILE - ESPACIADO ZONA DE ACCIONES
========================================================= */

@media (max-width: 849px) {

    /* Espacio después del botón CONTINUAR AL PAGO */
    body.fg-dark.woocommerce-cart
    .fg-cart-checkout-primary {
        margin-bottom: 18px !important;
    }

    /* Espacio entre beneficios y botón verde de ayuda */
    body.fg-dark.woocommerce-cart
    .fg-cart-trust {
        margin-bottom: 18px !important;
    }

    /* Espacio después del botón verde antes del cupón */
    body.fg-dark.woocommerce-cart
    .fg-cart-whatsapp {
        margin-bottom: 24px !important;
    }
}

/* =========================================================
   CART MOBILE - CUPÓN AJUSTE FINO
========================================================= */

@media (max-width: 849px) {

    body.fg-dark.woocommerce-cart
    .fg-cart-coupon-form,
    body.fg-dark.woocommerce-cart
    .coupon {
        gap: 10px !important;
    }

    body.fg-dark.woocommerce-cart
    .fg-cart-coupon-form button,
    body.fg-dark.woocommerce-cart
    .coupon button {
        font-size: 15px !important;
        font-weight: 700 !important;
    }
}

/* =========================================================
   THANK YOU - BOTÓN COMPROBANTE RESPONSIVE
========================================================= */

/* Desktop */
@media (min-width: 850px) {

    body.fg-dark.woocommerce-order-received
    .frm_forms .frm_button_submit,
    body.fg-dark.woocommerce-order-received
    .frm_forms button.frm_final_submit {

        display: block !important;

        /* Mismo ancho que el formulario / uploader */
        width: 80% !important;
        max-width: none !important;

        /* Alineado a la izquierda */
        margin-left: 0 !important;
        margin-right: 0 !important;

        /* Separación respecto al uploader */
        margin-top: 24px !important;
    }
}

/* Mobile */
@media (max-width: 849px) {

    body.fg-dark.woocommerce-order-received
    .frm_forms .frm_button_submit,
    body.fg-dark.woocommerce-order-received
    .frm_forms button.frm_final_submit {

        width: 100% !important;
    }
}

/* =========================================================
   FUSION GAMES - FORMAS DE PAGO V1.0
   Header + Cards principales
   ========================================================= */


/* =========================================================
   PÁGINA / SECTION
   ========================================================= */

body.fg-dark .fg-payments-page {
    background: #0d1015 !important;
    padding: 54px 0 64px !important;
}

body.fg-dark .fg-payments-page .section-bg {
    background: #0d1015 !important;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

body.fg-dark .fg-payments-header {
    text-align: center;
    margin-bottom: 38px;
}

body.fg-dark .fg-payments-header h1 {
    margin: 0 0 10px !important;

    color: #f4f6f8 !important;

    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em;
}

body.fg-dark .fg-payments-header p {
    margin: 0 auto !important;

    color: #98a2b0 !important;

    font-size: 15px;
    line-height: 1.55;

    max-width: 620px;
}


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

body.fg-dark .fg-payments-grid {
    align-items: stretch;
}

body.fg-dark .fg-payments-grid > .col {
    display: flex;
}

body.fg-dark .fg-payments-grid > .col > .col-inner {
    width: 100%;
}


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

body.fg-dark .fg-payment-card > .col-inner {
    height: 100%;

    padding: 30px 28px 27px !important;

    background: #151b24 !important;

    border: 1px solid #282e38;
    border-radius: 12px;

    box-shadow: 0 8px 24px rgba(0,0,0,.14);

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

@media (hover:hover) and (pointer:fine) {

    body.fg-dark .fg-payment-card > .col-inner:hover {
        transform: translateY(-3px);

        background: #171e28 !important;
        border-color: rgba(8,127,245,.35);

        box-shadow: 0 14px 34px rgba(0,0,0,.24);
    }

}


/* =========================================================
   ICONO
   ========================================================= */

body.fg-dark .fg-payment-icon {
    width: 52px;
    height: 52px;

    margin: 0 0 22px;

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

    background: rgba(8,127,245,.10);

    border: 1px solid rgba(8,127,245,.22);
    border-radius: 10px;
}

body.fg-dark .fg-payment-icon svg {
    width: 28px !important;
    height: 28px !important;

    display: block;

    fill: none !important;
    stroke: #2992ff !important;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   TÍTULO
   ========================================================= */

body.fg-dark .fg-payment-card h3 {
    margin: 0 0 12px !important;

    color: #f4f6f8 !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    letter-spacing: -.01em;
}


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

body.fg-dark .fg-payment-card p {
    margin: 0 0 22px !important;

    color: #9da7b5 !important;

    font-size: 14px;
    line-height: 1.65;
}


/* =========================================================
   BENEFICIO INFERIOR
   ========================================================= */

body.fg-dark .fg-payment-feature {
    margin-top: 4px;
    padding-top: 17px;

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

    color: #b7c0cc;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}


/* Check verde */

body.fg-dark .fg-payment-feature::first-letter {
    color: #22c55e;
}


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

@media (max-width: 849px) {

    body.fg-dark .fg-payments-page {
        padding: 38px 0 48px !important;
    }

    body.fg-dark .fg-payments-header {
        margin-bottom: 28px;
    }

    body.fg-dark .fg-payments-header h1 {
        font-size: 28px !important;
    }

    body.fg-dark .fg-payments-header p {
        font-size: 14px;
    }

    body.fg-dark .fg-payment-card > .col-inner {
        padding: 25px 23px 23px !important;
    }

}


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

@media (max-width: 549px) {

    body.fg-dark .fg-payments-page {
        padding: 30px 0 38px !important;
    }

    body.fg-dark .fg-payments-header {
        text-align: left;
        margin-bottom: 24px;
    }

    body.fg-dark .fg-payments-header h1 {
        font-size: 26px !important;
        margin-bottom: 8px !important;
    }

    body.fg-dark .fg-payments-header p {
        font-size: 13.5px;
        line-height: 1.5;
    }

    body.fg-dark .fg-payments-grid > .col {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;

        padding-bottom: 14px !important;
    }

    body.fg-dark .fg-payment-card > .col-inner {
        padding: 22px 20px !important;

        border-radius: 10px;
    }

    body.fg-dark .fg-payment-icon {
        width: 46px;
        height: 46px;

        margin-bottom: 17px;

        border-radius: 9px;
    }

    body.fg-dark .fg-payment-icon svg {
        width: 25px !important;
        height: 25px !important;
    }

    body.fg-dark .fg-payment-card h3 {
        font-size: 17px !important;
        margin-bottom: 9px !important;
    }

    body.fg-dark .fg-payment-card p {
        font-size: 13.5px;
        line-height: 1.6;

        margin-bottom: 18px !important;
    }

    body.fg-dark .fg-payment-feature {
        padding-top: 14px;

        font-size: 12.5px;
    }

}

/* =========================================================
   FORMAS DE PAGO - AJUSTE DE ESPACIADO SUPERIOR
   ========================================================= */

body.fg-dark .fg-payments-page .row:has(.fg-payments-header) {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
}

body.fg-dark .fg-payments-header,
body.fg-dark .fg-payments-header > .col-inner {
    min-height: 0 !important;
    height: auto !important;
}

body.fg-dark .fg-payments-header {
    padding-bottom: 0 !important;
    margin-bottom: 32px !important;
}

body.fg-dark .fg-payments-grid {
    margin-top: 0 !important;
}

/* =========================================================
   FORMAS DE PAGO - COMPRÁ CON TRANQUILIDAD
   ========================================================= */

body.fg-dark .fg-payments-trust-header {
    text-align: center;
    margin-top: 54px;
    margin-bottom: 28px;
}

body.fg-dark .fg-payments-trust-header h2 {
    margin: 0 0 9px !important;

    color: #f4f6f8 !important;

    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    letter-spacing: -.02em;
}

body.fg-dark .fg-payments-trust-header p {
    margin: 0 auto !important;

    max-width: 620px;

    color: #929cab !important;

    font-size: 14px;
    line-height: 1.55;
}


/* Grid */

body.fg-dark .fg-payments-trust {
    align-items: stretch;
}

body.fg-dark .fg-payments-trust > .col {
    display: flex;
}

body.fg-dark .fg-payments-trust > .col > .col-inner {
    width: 100%;
}


/* Beneficio */

body.fg-dark .fg-payment-benefit > .col-inner {
    height: 100%;

    padding: 22px 20px !important;

    background: transparent !important;

    border: 1px solid rgba(255,255,255,.07);
    border-radius: 10px;

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

@media (hover:hover) and (pointer:fine) {

    body.fg-dark .fg-payment-benefit > .col-inner:hover {
        background: rgba(255,255,255,.025) !important;
        border-color: rgba(8,127,245,.25);
    }

}


/* Icono */

body.fg-dark .fg-benefit-icon {
    width: 38px;
    height: 38px;

    margin-bottom: 15px;

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

    background: rgba(8,127,245,.08);

    border: 1px solid rgba(8,127,245,.16);
    border-radius: 8px;
}

body.fg-dark .fg-benefit-icon svg {
    width: 21px !important;
    height: 21px !important;

    fill: none !important;
    stroke: #2992ff !important;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Texto */

body.fg-dark .fg-payment-benefit h3 {
    margin: 0 0 7px !important;

    color: #f4f6f8 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3;
}

body.fg-dark .fg-payment-benefit p {
    margin: 0 !important;

    color: #929cab !important;

    font-size: 13px;
    line-height: 1.55;
}


/* Responsive */

@media (max-width: 849px) {

    body.fg-dark .fg-payments-trust-header {
        margin-top: 42px;
        margin-bottom: 24px;
    }

    body.fg-dark .fg-payments-trust > .col {
        width: 50% !important;
        max-width: 50% !important;
        flex-basis: 50% !important;

        padding-bottom: 12px !important;
    }

}


@media (max-width: 549px) {

    body.fg-dark .fg-payments-trust-header {
        text-align: left;

        margin-top: 34px;
        margin-bottom: 20px;
    }

    body.fg-dark .fg-payments-trust-header h2 {
        font-size: 22px !important;
    }

    body.fg-dark .fg-payments-trust-header p {
        font-size: 13.5px;
    }

    body.fg-dark .fg-payments-trust > .col {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;

        padding-bottom: 10px !important;
    }

    body.fg-dark .fg-payment-benefit > .col-inner {
        padding: 19px 18px !important;
    }

}

/* =========================================================
   FUSION GAMES - FAQ DARK V1.0
   Flatsome Accordion
   ========================================================= */


/* =========================================================
   SECCIÓN GENERAL
   ========================================================= */

body.fg-dark .fg-faq-page {
    background: #0d1015 !important;
    padding: 52px 0 64px !important;
}


/* =========================================================
   ANCHO GENERAL
   ========================================================= */

body.fg-dark .fg-faq-page > .section-content > .row {
    width: 100% !important;
    max-width: 1080px !important;

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


/* =========================================================
   HEADER
   ========================================================= */

body.fg-dark .fg-faq-header {
    text-align: center;

    margin-bottom: 40px !important;
}

body.fg-dark .fg-faq-header h1 {
    margin: 0 0 10px !important;

    color: #f4f6f8 !important;

    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em;
}

body.fg-dark .fg-faq-header p {
    max-width: 620px;

    margin: 0 auto !important;

    color: #98a2b0 !important;

    font-size: 15px !important;
    line-height: 1.55 !important;
}


/* =========================================================
   TÍTULOS DE GRUPO
   ========================================================= */

body.fg-dark .fg-faq-group-title {
    margin-top: 42px !important;
    margin-bottom: 16px !important;
}

body.fg-dark .fg-faq-group-title h2,
body.fg-dark .fg-faq-group-title h3 {
    position: relative;

    margin: 0 !important;
    padding-left: 14px !important;

    color: #f4f6f8 !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    letter-spacing: -.01em;
}

body.fg-dark .fg-faq-group-title h2::before,
body.fg-dark .fg-faq-group-title h3::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 4px;
    height: 21px;

    transform: translateY(-50%);

    background: #087ff5;

    border-radius: 4px;
}


/* =========================================================
   ACCORDION GENERAL
   ========================================================= */

body.fg-dark .fg-faq-accordion {
    margin-bottom: 8px !important;
}

body.fg-dark .fg-faq-accordion .accordion-item {
    overflow: hidden;

    margin-bottom: 10px !important;

    background: #151b24 !important;

    border: 1px solid #282e38 !important;
    border-radius: 10px !important;

    box-shadow: none !important;

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


/* =========================================================
   TÍTULO DE CADA PREGUNTA
   ========================================================= */

body.fg-dark .fg-faq-accordion .accordion-title {
    position: relative;

    min-height: 58px !important;

    margin: 0 !important;
    padding: 17px 52px 17px 20px !important;

    display: flex !important;
    align-items: center !important;

    background: #151b24 !important;

    border: 0 !important;

    color: #f4f6f8 !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-decoration: none !important;

    transition:
        background-color .20s ease,
        color .20s ease;
}

body.fg-dark .fg-faq-accordion .accordion-title:hover {
    background: #171e28 !important;

    color: #ffffff !important;
}


/* =========================================================
   ICONO NATIVO
   ========================================================= */

body.fg-dark .fg-faq-accordion .accordion-title .toggle {
    position: absolute !important;

    top: 50% !important;
    right: 18px !important;
    left: auto !important;

    width: 28px !important;
    height: 28px !important;

    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    transform: translateY(-50%) !important;

    color: #2992ff !important;

    background: rgba(8,127,245,.08) !important;

    border: 1px solid rgba(8,127,245,.20) !important;
    border-radius: 7px !important;

    opacity: 1 !important;
}

body.fg-dark .fg-faq-accordion .accordion-title .toggle i {
    color: #2992ff !important;

    font-size: 12px !important;
}


/* =========================================================
   ESTADO ACTIVO
   ========================================================= */

body.fg-dark .fg-faq-accordion .accordion-title.active {
    background: #171e28 !important;

    color: #ffffff !important;
}

body.fg-dark .fg-faq-accordion .accordion-title.active .toggle {
    background: rgba(8,127,245,.14) !important;

    border-color: rgba(8,127,245,.32) !important;
}


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

body.fg-dark .fg-faq-accordion .accordion-inner {
    padding: 0 20px 20px !important;

    background: #171e28 !important;

    border: 0 !important;
}

body.fg-dark .fg-faq-accordion .accordion-inner p {
    margin: 0 0 12px !important;

    color: #a3acb9 !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
}

body.fg-dark .fg-faq-accordion .accordion-inner p:last-child {
    margin-bottom: 0 !important;
}

body.fg-dark .fg-faq-accordion .accordion-inner strong {
    color: #f4f6f8 !important;

    font-weight: 600 !important;
}


/* =========================================================
   LINKS
   ========================================================= */

body.fg-dark .fg-faq-accordion .accordion-inner a {
    color: #2992ff !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}

body.fg-dark .fg-faq-accordion .accordion-inner a:hover {
    color: #5aa9ff !important;
}


/* =========================================================
   SEPARACIÓN ENTRE GRUPOS
   ========================================================= */

body.fg-dark .fg-faq-page .fg-faq-accordion + .fg-faq-group-title {
    margin-top: 46px !important;
}


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

@media (max-width: 849px) {

    body.fg-dark .fg-faq-page {
        padding: 38px 0 48px !important;
    }

    body.fg-dark .fg-faq-header {
        margin-bottom: 32px !important;
    }

    body.fg-dark .fg-faq-header h1 {
        font-size: 28px !important;
    }

    body.fg-dark .fg-faq-group-title {
        margin-top: 34px !important;
    }

}


/* =========================================================
   FAQ - MOBILE FINAL
   ========================================================= */

@media (max-width: 549px) {

    body.fg-dark .fg-faq-page {
        padding: 24px 0 34px !important;
    }

    body.fg-dark .fg-faq-header {
        margin-bottom: 18px !important;
        text-align: left !important;
    }

    body.fg-dark .fg-faq-header h1 {
        margin-bottom: 8px !important;

        font-size: 26px !important;
        line-height: 1.15 !important;
    }

    body.fg-dark .fg-faq-header p {
        margin: 0 !important;

        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Títulos de grupo */

    body.fg-dark .fg-faq-group-title {
        margin-top: 24px !important;
        margin-bottom: 12px !important;
    }

    body.fg-dark .fg-faq-group-title h2,
    body.fg-dark .fg-faq-group-title h3 {
        padding-left: 12px !important;

        font-size: 18px !important;
        line-height: 1.25 !important;
    }

    body.fg-dark .fg-faq-group-title h2::before,
    body.fg-dark .fg-faq-group-title h3::before {
        width: 3px !important;
        height: 18px !important;
    }

    /* Cards */

    body.fg-dark .fg-faq-accordion .accordion-item {
        margin-bottom: 8px !important;

        border-radius: 9px !important;
    }

    body.fg-dark .fg-faq-accordion .accordion-title {
        min-height: 50px !important;

        padding:
            13px
            46px
            13px
            15px !important;

        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    body.fg-dark .fg-faq-accordion .accordion-title .toggle {
        right: 12px !important;

        width: 25px !important;
        height: 25px !important;

        border-radius: 7px !important;
    }

    /* Respuesta */

    body.fg-dark .fg-faq-accordion .accordion-inner {
        padding:
            0
            15px
            15px !important;
    }

    body.fg-dark .fg-faq-accordion .accordion-inner p {
        margin-bottom: 10px !important;

        font-size: 13.5px !important;
        line-height: 1.58 !important;
    }

}

/* =========================================================
   FAQ - LIMPIAR FOCUS DEL BOTÓN ACCORDION
   ========================================================= */

body.fg-dark .fg-faq-accordion .accordion-title:focus,
body.fg-dark .fg-faq-accordion .accordion-title:focus-visible,
body.fg-dark .fg-faq-accordion .accordion-title .toggle:focus,
body.fg-dark .fg-faq-accordion .accordion-title .toggle:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* =========================================================
   FAQ MOBILE - ESPACIO HEADER / PRIMER GRUPO
   ========================================================= */

@media (max-width: 549px) {

    body.fg-dark .fg-faq-header {
        margin-bottom: 0 !important;
    }

    body.fg-dark .fg-faq-page .fg-faq-header + .fg-faq-group-title {
        margin-top: 18px !important;
    }

}

/* =========================================================
   FAQ MOBILE - ESPACIO INFERIOR
   ========================================================= */

@media (max-width: 549px) {

    /* Último grupo FAQ */
    body.fg-dark .fg-faq-page .fg-faq-accordion {
        margin-bottom: 0 !important;
    }

    /* Reduce espacio inferior general de la sección FAQ */
    body.fg-dark .fg-faq-page {
        padding-bottom: 18px !important;
    }

    /* Reduce separación del contenido posterior */
    body.fg-dark .fg-faq-page > .section-content > .row:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

}

@media (max-width: 549px) {

    body.fg-dark .fg-faq-page .fg-faq-contact {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

}

/* =========================================================
   FUSION GAMES - PÁGINAS LEGALES DARK V1.0
   Política de Privacidad
   ========================================================= */


/* =========================================================
   SECCIÓN GENERAL
   ========================================================= */

body.fg-dark .fg-legal-page {
    background: #0d1015 !important;
    padding: 52px 0 64px !important;
}


/* =========================================================
   ANCHO GENERAL
   ========================================================= */

body.fg-dark .fg-legal-page > .section-content > .row {
    width: 100% !important;
    max-width: 980px !important;

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


/* =========================================================
   HEADER
   ========================================================= */

body.fg-dark .fg-legal-header {
    text-align: center !important;

    margin-bottom: 42px !important;
}

body.fg-dark .fg-legal-header h1 {
    margin: 0 0 10px !important;

    color: #f4f6f8 !important;

    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;

    letter-spacing: -.025em !important;
}

body.fg-dark .fg-legal-header > p {
    max-width: 620px !important;

    margin: 0 auto 14px !important;

    color: #98a2b0 !important;

    font-size: 15px !important;
    line-height: 1.55 !important;
}

body.fg-dark .fg-legal-header .fg-legal-updated {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 30px !important;

    padding: 6px 11px !important;

    color: #8e99a8 !important;
    background: #141a22 !important;

    border: 1px solid #282e38 !important;
    border-radius: 7px !important;

    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}


/* =========================================================
   CONTENEDOR DE LECTURA
   ========================================================= */

body.fg-dark .fg-legal-content {
    max-width: 900px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 34px 38px !important;

    background: #151b24 !important;

    border: 1px solid #282e38 !important;
    border-radius: 12px !important;

    box-shadow: none !important;
}


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

body.fg-dark .fg-legal-content p {
    margin: 0 0 16px !important;

    color: #a3acb9 !important;

    font-size: 14.5px !important;
    line-height: 1.72 !important;
}

body.fg-dark .fg-legal-content p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   TÍTULOS DE SECCIÓN
   ========================================================= */

body.fg-dark .fg-legal-content h2 {
    position: relative !important;

    margin: 34px 0 16px !important;
    padding: 0 0 12px 15px !important;

    color: #f4f6f8 !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    letter-spacing: -.01em !important;

    border-bottom: 1px solid #282e38 !important;
}

body.fg-dark .fg-legal-content h2:first-of-type {
    margin-top: 28px !important;
}

body.fg-dark .fg-legal-content h2::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 2px !important;

    width: 4px !important;
    height: 21px !important;

    background: #087ff5 !important;

    border-radius: 4px !important;
}


/* =========================================================
   LISTAS
   ========================================================= */

body.fg-dark .fg-legal-content ul,
body.fg-dark .fg-legal-content ol {
    margin: 4px 0 20px 0 !important;
    padding-left: 22px !important;
}

body.fg-dark .fg-legal-content li {
    margin-bottom: 8px !important;

    color: #a3acb9 !important;

    font-size: 14.5px !important;
    line-height: 1.65 !important;
}

body.fg-dark .fg-legal-content li::marker {
    color: #2992ff !important;
}


/* =========================================================
   NEGRITAS
   ========================================================= */

body.fg-dark .fg-legal-content strong {
    color: #f4f6f8 !important;
    font-weight: 600 !important;
}


/* =========================================================
   LINKS
   ========================================================= */

body.fg-dark .fg-legal-content a {
    color: #2992ff !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    transition: color .20s ease !important;
}

body.fg-dark .fg-legal-content a:hover {
    color: #5aa9ff !important;
}


/* =========================================================
   ELEMENTOS INTERNOS DE FLATSOME
   ========================================================= */

body.fg-dark .fg-legal-content .text,
body.fg-dark .fg-legal-content .text-inner {
    color: inherit !important;
}

body.fg-dark .fg-legal-content hr {
    margin: 28px 0 !important;

    height: 1px !important;

    background: #282e38 !important;

    border: 0 !important;
}


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

@media (max-width: 849px) {

    body.fg-dark .fg-legal-page {
        padding: 40px 0 50px !important;
    }

    body.fg-dark .fg-legal-header {
        margin-bottom: 34px !important;
    }

    body.fg-dark .fg-legal-header h1 {
        font-size: 29px !important;
    }

    body.fg-dark .fg-legal-content {
        padding: 30px 28px !important;
    }

    body.fg-dark .fg-legal-content h2 {
        font-size: 19px !important;
    }

}


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

@media (max-width: 549px) {

    body.fg-dark .fg-legal-page {
        padding: 26px 0 34px !important;
    }


    /* Header */

    body.fg-dark .fg-legal-header {
        text-align: left !important;

        margin-bottom: 24px !important;
    }

    body.fg-dark .fg-legal-header h1 {
        margin-bottom: 8px !important;

        font-size: 26px !important;
        line-height: 1.15 !important;
    }

    body.fg-dark .fg-legal-header > p {
        max-width: none !important;

        margin: 0 0 12px !important;

        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    body.fg-dark .fg-legal-header .fg-legal-updated {
        min-height: 28px !important;

        padding: 5px 9px !important;

        font-size: 11.5px !important;
    }


    /* Card de contenido */

    body.fg-dark .fg-legal-content {
        width: 100% !important;

        padding: 22px 18px !important;

        border-radius: 10px !important;
    }


    /* Texto */

    body.fg-dark .fg-legal-content p {
        margin-bottom: 14px !important;

        font-size: 13.5px !important;
        line-height: 1.65 !important;
    }


    /* Títulos */

    body.fg-dark .fg-legal-content h2 {
        margin: 28px 0 14px !important;
        padding: 0 0 10px 12px !important;

        font-size: 17.5px !important;
        line-height: 1.3 !important;
    }

    body.fg-dark .fg-legal-content h2:first-of-type {
        margin-top: 24px !important;
    }

    body.fg-dark .fg-legal-content h2::before {
        width: 3px !important;
        height: 18px !important;

        top: 2px !important;
    }


    /* Listas */

    body.fg-dark .fg-legal-content ul,
    body.fg-dark .fg-legal-content ol {
        padding-left: 19px !important;
        margin-bottom: 18px !important;
    }

    body.fg-dark .fg-legal-content li {
        margin-bottom: 7px !important;

        font-size: 13.5px !important;
        line-height: 1.6 !important;
    }

}

/* =========================================================
   FUSION GAMES — BLOG
   ========================================================= */


/* =========================================================
   PÁGINA
   ========================================================= */

body.fg-dark .fg-blog-page {
    background: #0d1015;
    padding: 26px 0 55px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

body.fg-dark .fg-blog-header {
    width: calc(100% - 30px);
    max-width: 1200px;
    margin: 0 auto 30px;
    padding: 0;
    text-align: center;
}

body.fg-dark .fg-blog-header h1 {
    margin: 0 0 8px;

    color: #f4f6f8;

    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;

    text-transform: uppercase;
    letter-spacing: .2px;
}

body.fg-dark .fg-blog-header p {
    margin: 0;

    color: #a3acb9;

    font-size: 15px;
    line-height: 1.55;
}


/* =========================================================
   GRID — CONTENEDOR PRINCIPAL
   ========================================================= */

body.fg-dark .fg-blog-page #post-list {
    margin: 0;
}


/*
 * Contenedor principal del Blog.
 * Se centra de forma independiente del Row de Flatsome.
 */

body.fg-dark .fg-blog-page > .row {
    width: calc(100% - 30px) !important;
    max-width: 1200px !important;

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


/*
 * Flatsome genera otro Row dentro de #post-list.
 * Neutralizamos sus márgenes para evitar que el grid
 * se desplace visualmente hacia la izquierda.
 */

body.fg-dark .fg-blog-page #post-list > .row {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/*
 * El shortcode puede generar gutters mediante
 * márgenes negativos. Los anulamos sólo en este Blog.
 */

body.fg-dark .fg-blog-page #post-list > .row > .col,
body.fg-dark .fg-blog-page #post-list > .row > [class*="col-"] {
    position: relative;
}


/* =========================================================
   CARDS
   ========================================================= */

body.fg-dark .fg-blog-page .post-item .col-inner {
    height: 100%;
    overflow: hidden;

    background: #151b24;

    border: 1px solid #282e38;
    border-radius: 10px;

    box-shadow: none;

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


/* ---------- Hover desktop ---------- */

@media (hover: hover) {

    body.fg-dark .fg-blog-page .post-item .col-inner:hover {
        transform: translateY(-3px);

        border-color: #343d49;

        box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
    }

}


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

body.fg-dark .fg-blog-page .post-item .box-image {
    overflow: hidden;

    border-radius: 10px 10px 0 0;

    background: #10141b;
}

body.fg-dark .fg-blog-page .post-item .box-image .image-cover {
    padding-top: 58% !important;
}

body.fg-dark .fg-blog-page .post-item .box-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .3s ease;
}


/* ---------- Zoom sutil ---------- */

@media (hover: hover) {

    body.fg-dark .fg-blog-page .post-item .col-inner:hover .box-image img {
        transform: scale(1.025);
    }

}


/* =========================================================
   ELIMINAR BADGE DE FECHA
   ========================================================= */

body.fg-dark .fg-blog-page .badge.post-date {
    display: none !important;
}


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

body.fg-dark .fg-blog-page .post-item .box-text {
    padding: 17px 19px 19px !important;

    text-align: left !important;
}


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

body.fg-dark .fg-blog-page .post-item .post-meta {
    margin: 0 0 7px;

    color: #087ff5;

    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;

    text-transform: uppercase;
    letter-spacing: .6px;
}


/* =========================================================
   TÍTULO
   ========================================================= */

body.fg-dark .fg-blog-page .post-item .post-title {
    margin: 0 0 8px;

    color: #f4f6f8 !important;

    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}

body.fg-dark .fg-blog-page .post-item .post-title a {
    color: #f4f6f8 !important;

    text-decoration: none;
}

body.fg-dark .fg-blog-page .post-item .post-title a:hover {
    color: #2992ff !important;
}


/* =========================================================
   EXTRACTO
   ========================================================= */

body.fg-dark .fg-blog-page .post-item .from_the_blog_excerpt {
    margin-top: 7px;

    color: #a3acb9;

    font-size: 13px;
    line-height: 1.55;
}


/* =========================================================
   SEPARADORES DE FLATSOME
   ========================================================= */

body.fg-dark .fg-blog-page .post-item .is-divider {
    display: none !important;
}


/* =========================================================
   PAGINACIÓN
   ========================================================= */

body.fg-dark .fg-blog-page .page-numbers.nav-pagination {
    margin-top: 34px;

    text-align: center;
}

body.fg-dark .fg-blog-page .nav-pagination > li > a,
body.fg-dark .fg-blog-page .nav-pagination > li > span {
    min-width: 38px;
    height: 38px;

    margin: 0 3px;
    padding: 0 11px;

    border: 1px solid #282e38;
    border-radius: 7px;

    background: #151b24;
    color: #d7dce3;

    font-size: 13px;
    line-height: 36px;
}

body.fg-dark .fg-blog-page .nav-pagination > li > .current {
    border-color: #087ff5;

    background: #087ff5;
    color: #fff;
}

body.fg-dark .fg-blog-page .nav-pagination > li > a:hover {
    border-color: #087ff5;

    color: #fff;
}


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

@media (max-width: 849px) {

    body.fg-dark .fg-blog-page {
        padding-top: 28px;
    }


    /* ---------- Encabezado ---------- */

    body.fg-dark .fg-blog-header {
        width: calc(100% - 30px);

        margin-bottom: 25px;
    }

    body.fg-dark .fg-blog-header h1 {
        font-size: 26px;
    }


    /* ---------- Contenedor ---------- */

    body.fg-dark .fg-blog-page > .row {
        width: calc(100% - 30px) !important;
    }


    /*
     * Flatsome genera 3 columnas.
     * Forzamos 2 columnas en tablet.
     */

    body.fg-dark .fg-blog-page .post-item {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 549px) {

    /*
     * Reducimos el espacio superior e inferior para que
     * la página sea más ágil al recorrerla en móvil.
     */

    body.fg-dark .fg-blog-page {
        padding: 18px 0 34px;
    }


    /* ---------- Encabezado ---------- */

    body.fg-dark .fg-blog-header {
        width: calc(100% - 36px);

        margin-bottom: 18px;
    }

    body.fg-dark .fg-blog-header h1 {
        margin-bottom: 7px;

        font-size: 22px;
        line-height: 1.25;
    }

    body.fg-dark .fg-blog-header p {
        max-width: 330px;

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

        font-size: 13px;
        line-height: 1.5;
    }


    /* ---------- Contenedor ---------- */

    body.fg-dark .fg-blog-page > .row {
        width: calc(100% - 30px) !important;
    }


    /* ---------- Una card por fila ---------- */

    body.fg-dark .fg-blog-page .post-item {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }


    /*
     * Reducimos ligeramente el padding interno.
     * Conservamos comodidad de lectura pero acortamos
     * la altura total de cada tarjeta.
     */

    body.fg-dark .fg-blog-page .post-item .box-text {
        padding: 15px 16px 17px !important;
    }


    /* ---------- Título ---------- */

    body.fg-dark .fg-blog-page .post-item .post-title {
        margin-bottom: 7px;

        font-size: 16px;
        line-height: 1.4;
    }


    /* ---------- Extracto ---------- */

    body.fg-dark .fg-blog-page .post-item .from_the_blog_excerpt {
        margin-top: 6px;

        font-size: 13px;
        line-height: 1.55;
    }


    /* ---------- Paginación ---------- */

    body.fg-dark .fg-blog-page .page-numbers.nav-pagination {
        margin-top: 26px;
    }

}


/* =========================================================
   BLOG — CATEGORÍA + LEER MÁS
   ========================================================= */


/* ---------- Categoría ---------- */

body.fg-dark .fg-blog-page .post-item .cat-label {
    margin: 0 0 7px;

    color: #087ff5 !important;

    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: .7px;
    text-transform: uppercase;

    opacity: 1 !important;
}


/* ---------- Leer más ---------- */

body.fg-dark .fg-blog-page .post-item .button.is-link {
    min-height: 0;

    margin: 12px 0 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color: #087ff5 !important;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;

    text-transform: none;
    letter-spacing: .15px;

    box-shadow: none !important;
}

body.fg-dark .fg-blog-page .post-item .button.is-link::before,
body.fg-dark .fg-blog-page .post-item .button.is-link::after {
    display: none !important;
}

@media (hover: hover) {

    body.fg-dark .fg-blog-page .post-item .button.is-link:hover {
        color: #2992ff !important;

        transform: translateX(2px);
    }

}


/* =========================================================
   BLOG — CATEGORÍA + LEER MÁS — MÓVIL
   ========================================================= */

@media (max-width: 549px) {

    body.fg-dark .fg-blog-page .post-item .cat-label {
        margin-bottom: 6px;

        font-size: 9px;
    }

    body.fg-dark .fg-blog-page .post-item .button.is-link {
        margin-top: 10px !important;

        font-size: 12px;
    }

}

/* =========================================================
   FUSION GAMES — ARTÍCULO INDIVIDUAL
   ========================================================= */


/* =========================================================
   ESTRUCTURA GENERAL
   ========================================================= */

body.fg-dark .blog-single {
    background: #0d1015;
}

body.fg-dark .fg-single-post {
    width: 100%;

    padding: 34px 0 30px;
}

body.fg-dark .fg-single-post > .row {
    max-width: 1200px;
}


/* =========================================================
   COLUMNA EDITORIAL
   ========================================================= */

body.fg-dark .fg-single-post-column {
    padding-left: 15px;
    padding-right: 15px;
}

body.fg-dark .fg-single-post article {
    width: 100%;
    max-width: 900px;

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


/* =========================================================
   ARTÍCULO
   ========================================================= */

body.fg-dark .fg-single-post .article-inner {
    background: transparent;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

body.fg-dark .fg-single-post .entry-header {
    margin: 0 0 30px;
}

body.fg-dark .fg-single-post .entry-header-text {
    max-width: 850px;

    margin: 0 auto 25px !important;
    padding: 0 !important;

    text-align: center !important;
}


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

body.fg-dark .fg-single-post .entry-category {
    margin: 0 0 10px;

    color: #087ff5;

    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: .8px;
    text-transform: uppercase;
}

body.fg-dark .fg-single-post .entry-category a {
    color: #087ff5 !important;
}

body.fg-dark .fg-single-post .entry-category a:hover {
    color: #2992ff !important;
}


/* =========================================================
   TÍTULO
   ========================================================= */

body.fg-dark .fg-single-post .entry-title {
    max-width: 800px;

    margin: 0 auto;

    color: #f4f6f8 !important;

    font-size: 30px;
    font-weight: 700;
    line-height: 1.28;

    letter-spacing: -.2px;

    text-transform: none;
}


/* =========================================================
   DIVISOR DE FLATSOME
   ========================================================= */

body.fg-dark .fg-single-post .entry-divider {
    display: none !important;
}


/* =========================================================
   META — FECHA / AUTOR
   ========================================================= */

body.fg-dark .fg-single-post .entry-header-text .entry-meta {
    margin-top: 12px;

    color: #747e8c !important;

    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;

    letter-spacing: .4px;
}

body.fg-dark .fg-single-post .entry-header-text .entry-meta a {
    color: #a3acb9 !important;
}

body.fg-dark .fg-single-post .entry-header-text .entry-meta a:hover {
    color: #2992ff !important;
}


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

body.fg-dark .fg-single-post .entry-image {
    width: 100%;

    margin: 0;

    overflow: hidden;

    border: 1px solid #282e38;
    border-radius: 10px;

    background: #10141b;
}

body.fg-dark .fg-single-post .entry-image a {
    display: block;
}

body.fg-dark .fg-single-post .entry-image img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;

    border: 0;
}


/* =========================================================
   OCULTAR BADGE DE FECHA
   ========================================================= */

body.fg-dark .fg-single-post .badge.post-date {
    display: none !important;
}


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

body.fg-dark .fg-single-post .entry-content.single-page {
    padding: 0 !important;

    color: #c3cad4;

    font-size: 16px;
    line-height: 1.75;
}


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

body.fg-dark .fg-single-post .entry-content p {
    margin: 0 0 21px;

    color: #c3cad4;

    font-size: inherit;
    line-height: inherit;
}


/* =========================================================
   H2
   ========================================================= */

body.fg-dark .fg-single-post .entry-content h2 {
    position: relative;

    margin: 40px 0 17px;
    padding-left: 14px;

    color: #f4f6f8 !important;

    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: -.15px;
}

body.fg-dark .fg-single-post .entry-content h2::before {
    content: "";

    position: absolute;

    top: .15em;
    bottom: .15em;
    left: 0;

    width: 4px;

    border-radius: 4px;

    background: #087ff5;
}


/* =========================================================
   H3
   ========================================================= */

body.fg-dark .fg-single-post .entry-content h3 {
    margin: 31px 0 13px;

    color: #f4f6f8 !important;

    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
}


/* =========================================================
   H4
   ========================================================= */

body.fg-dark .fg-single-post .entry-content h4 {
    margin: 26px 0 12px;

    color: #e7ebf0 !important;

    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
}


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

body.fg-dark .fg-single-post .entry-content strong,
body.fg-dark .fg-single-post .entry-content b {
    color: #eef1f5;

    font-weight: 700;
}


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

body.fg-dark .fg-single-post .entry-content a {
    color: #2992ff;

    text-decoration: none;
}

body.fg-dark .fg-single-post .entry-content a:hover {
    color: #5baaff;
}


/* =========================================================
   BOTÓN WHATSAPP / CTA DENTRO DEL ARTÍCULO
   ========================================================= */

body.fg-dark .fg-single-post .entry-content a.button,
body.fg-dark .fg-single-post .entry-content .button,
body.fg-dark .fg-single-post .entry-content a.button span,
body.fg-dark .fg-single-post .entry-content .button span {
    color: #ffffff !important;
}


/* =========================================================
   ESPACIADO FINAL DEL CONTENIDO
   Evita huecos innecesarios antes del footer.
   ========================================================= */

body.fg-dark .fg-single-post .entry-content.single-page > *:last-child {
    margin-bottom: 0 !important;
}

body.fg-dark .fg-single-post .entry-content.single-page > .gap-element:last-child {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.fg-dark .fg-single-post .entry-content.single-page > p:last-child:empty {
    display: none !important;
    margin: 0 !important;
}


/* =========================================================
   LISTAS
   ========================================================= */

body.fg-dark .fg-single-post .entry-content ul,
body.fg-dark .fg-single-post .entry-content ol {
    margin: 0 0 23px;
    padding-left: 24px;

    color: #c3cad4;
}

body.fg-dark .fg-single-post .entry-content li {
    margin-bottom: 8px;

    line-height: 1.65;
}

body.fg-dark .fg-single-post .entry-content li::marker {
    color: #087ff5;
}


/* =========================================================
   BLOCKQUOTE
   ========================================================= */

body.fg-dark .fg-single-post .entry-content blockquote {
    margin: 28px 0;
    padding: 18px 20px;

    border: 1px solid #282e38;
    border-left: 4px solid #087ff5;
    border-radius: 8px;

    background: #151b24;

    color: #d8dde5;

    font-size: 15px;
    line-height: 1.65;
}

body.fg-dark .fg-single-post .entry-content blockquote p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   IMÁGENES DEL CONTENIDO
   ========================================================= */

body.fg-dark .fg-single-post .entry-content img {
    max-width: 100%;
    height: auto;

    border-radius: 8px;
}

body.fg-dark .fg-single-post .entry-content figure {
    margin-top: 27px;
    margin-bottom: 29px;
}

body.fg-dark .fg-single-post .entry-content figcaption {
    margin-top: 8px;

    color: #747e8c;

    font-size: 12px;
    line-height: 1.5;

    text-align: center;
}


/* =========================================================
   TABLAS
   ========================================================= */

body.fg-dark .fg-single-post .entry-content table {
    width: 100%;

    margin: 27px 0;

    border: 1px solid #282e38;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;

    background: #151b24;

    color: #c3cad4;
}

body.fg-dark .fg-single-post .entry-content th {
    padding: 12px 14px;

    border-color: #282e38;

    background: #10141b;

    color: #f4f6f8;
}

body.fg-dark .fg-single-post .entry-content td {
    padding: 12px 14px;

    border-color: #282e38;

    color: #c3cad4;
}


/* =========================================================
   SEPARADORES
   ========================================================= */

body.fg-dark .fg-single-post .entry-content hr {
    height: 1px;

    margin: 34px 0;

    border: 0;

    background: #282e38;
}


/* =========================================================
   COMPARTIR
   ========================================================= */

body.fg-dark .fg-single-post .blog-share {
    margin-top: 36px;
}

body.fg-dark .fg-single-post .blog-share .is-divider {
    background: #282e38;
}


/* =========================================================
   FOOTER META
   ========================================================= */

body.fg-dark .fg-single-post .entry-meta {
    color: #747e8c;
}

body.fg-dark .fg-single-post footer.entry-meta {
    margin-top: 30px;
    padding-top: 18px;

    border-top: 1px solid #282e38;

    color: #747e8c;

    font-size: 12px;
    line-height: 1.6;
}

body.fg-dark .fg-single-post footer.entry-meta a {
    color: #2992ff;
}


/* =========================================================
   AUTOR
   ========================================================= */

body.fg-dark .fg-single-post .author-box {
    margin-top: 28px;
    padding: 20px;

    border: 1px solid #282e38;
    border-radius: 10px;

    background: #151b24;
}

body.fg-dark .fg-single-post .author-box .author-name {
    color: #f4f6f8;
}

body.fg-dark .fg-single-post .author-box .author-desc {
    color: #a3acb9;
}


/* =========================================================
   NAVEGACIÓN ANTERIOR / SIGUIENTE
   ========================================================= */

body.fg-dark .fg-single-post .navigation-post {
    margin-top: 30px;
    padding-top: 22px;

    border-top: 1px solid #282e38;
}

body.fg-dark .fg-single-post .navigation-post a {
    color: #d7dce3;
}

body.fg-dark .fg-single-post .navigation-post a:hover {
    color: #2992ff;
}


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

@media (max-width: 849px) {

    body.fg-dark .fg-single-post {
        padding: 28px 0 32px;
    }

    body.fg-dark .fg-single-post .entry-title {
        font-size: 27px;
        line-height: 1.25;
    }

    body.fg-dark .fg-single-post .entry-header {
        margin-bottom: 26px;
    }

    body.fg-dark .fg-single-post .entry-content.single-page {
        font-size: 15px;
        line-height: 1.72;
    }

    body.fg-dark .fg-single-post .entry-content h2 {
        margin-top: 35px;

        font-size: 23px;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 549px) {

    body.fg-dark .fg-single-post {
        padding: 20px 0 28px;
    }


    /* ---------- Columna ---------- */

    body.fg-dark .fg-single-post-column {
        padding-left: 15px;
        padding-right: 15px;
    }


    /* ---------- Header ---------- */

    body.fg-dark .fg-single-post .entry-header {
        margin-bottom: 22px;
    }

    body.fg-dark .fg-single-post .entry-header-text {
        margin-bottom: 18px !important;

        text-align: left !important;
    }


    /* ---------- Categoría ---------- */

    body.fg-dark .fg-single-post .entry-category {
        margin-bottom: 8px;

        font-size: 10px;
    }


    /* ---------- Título ---------- */

    body.fg-dark .fg-single-post .entry-title {
        font-size: 24px;
        line-height: 1.3;

        letter-spacing: -.15px;
    }


    /* ---------- Meta ---------- */

    body.fg-dark .fg-single-post .entry-header-text .entry-meta {
        margin-top: 9px;

        font-size: 10px;
    }


    /* ---------- Imagen destacada ---------- */

    body.fg-dark .fg-single-post .entry-image {
        border-radius: 8px;
    }


    /* ---------- Contenido ---------- */

    body.fg-dark .fg-single-post .entry-content.single-page {
        font-size: 15px;
        line-height: 1.7;
    }

    body.fg-dark .fg-single-post .entry-content p {
        margin-bottom: 18px;
    }


    /* ---------- H2 ---------- */

    body.fg-dark .fg-single-post .entry-content h2 {
        margin: 31px 0 14px;
        padding-left: 12px;

        font-size: 21px;
        line-height: 1.32;
    }

    body.fg-dark .fg-single-post .entry-content h2::before {
        width: 3px;
    }


    /* ---------- H3 ---------- */

    body.fg-dark .fg-single-post .entry-content h3 {
        margin: 26px 0 11px;

        font-size: 18px;
    }


    /* ---------- Listas ---------- */

    body.fg-dark .fg-single-post .entry-content ul,
    body.fg-dark .fg-single-post .entry-content ol {
        margin-bottom: 20px;
        padding-left: 21px;
    }


    /* ---------- Blockquote ---------- */

    body.fg-dark .fg-single-post .entry-content blockquote {
        margin: 22px 0;
        padding: 15px 16px;

        font-size: 14px;
    }


    /* ---------- Footer ---------- */

    body.fg-dark .fg-single-post footer.entry-meta {
        margin-top: 25px;
    }


    /* ---------- Autor ---------- */

    body.fg-dark .fg-single-post .author-box {
        margin-top: 24px;
        padding: 16px;
    }

}

/* =========================================================
   SINGLE — CORRECCIÓN ESPACIO INFERIOR
   ========================================================= */

body.fg-dark .blog-single {
    padding-bottom: 0 !important;
}

body.fg-dark .fg-single-post {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 24px !important;
}

body.fg-dark .fg-single-post > .row,
body.fg-dark .fg-single-post-column,
body.fg-dark .fg-single-post article,
body.fg-dark .fg-single-post .article-inner,
body.fg-dark .fg-single-post .entry-content.single-page {
    min-height: 0 !important;
    height: auto !important;
}

body.fg-dark .fg-single-post .entry-content.single-page {
    margin-bottom: 0 !important;
}

body.fg-dark .fg-single-post .entry-content.single-page > .row:last-child {
    margin-bottom: 0 !important;
}

body.fg-dark .fg-single-post .entry-content.single-page > .row:last-child > .col {
    padding-bottom: 0 !important;
}

body.fg-dark .fg-single-post .entry-content.single-page > .row:last-child .col-inner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.fg-dark .fg-single-post .entry-content.single-page > .row:last-child .button {
    margin-bottom: 0 !important;
}

/* =========================================================
   FUSION GAMES — REPUTACIÓN
   ========================================================= */


/* =========================================================
   HERO / PRESENTACIÓN
   ========================================================= */

body.fg-dark .fg-reputation-hero {
    background: #0d1015 !important;
    padding: 34px 0 40px !important;
}

body.fg-dark .fg-reputation-hero .section-bg {
    background: #0d1015 !important;
}

body.fg-dark .fg-reputation-hero .row {
    max-width: 1000px;
}

body.fg-dark .fg-reputation-hero .col {
    padding-bottom: 0 !important;
}

body.fg-dark .fg-reputation-hero .img {
    margin-bottom: 0 !important;
}

body.fg-dark .fg-reputation-hero .img img {
    display: block;

    max-width: 250px;
    height: auto;

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

body.fg-dark .fg-reputation-hero .gap-element {
    height: 18px !important;
    padding-top: 0 !important;
}

body.fg-dark .fg-reputation-hero .text {
    max-width: 620px;

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

    text-align: center;
}

body.fg-dark .fg-reputation-hero h1,
body.fg-dark .fg-reputation-hero h2,
body.fg-dark .fg-reputation-hero h3 {
    margin: 0 0 10px !important;

    color: #f4f6f8 !important;

    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
}

body.fg-dark .fg-reputation-hero p {
    margin: 0 !important;

    color: #a3acb9 !important;

    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   BENEFICIOS
   ========================================================= */

body.fg-dark .fg-reputation-benefits {
    background: #10141b !important;

    padding: 48px 0 52px !important;

    border-top: 1px solid #202630;
    border-bottom: 1px solid #202630;
}

body.fg-dark .fg-reputation-benefits .section-bg {
    background: #10141b !important;
}

body.fg-dark .fg-reputation-benefits > .section-content > .row,
body.fg-dark .fg-reputation-benefits .row {
    max-width: 1000px;
}

body.fg-dark .fg-reputation-benefits .col {
    padding-bottom: 0 !important;
}


/* =========================================================
   ESPACIADO ENTRE CARDS
   ========================================================= */

body.fg-dark .fg-reputation-benefits .row .row {
    row-gap: 18px;
}

body.fg-dark .fg-reputation-benefits .row .row > .col {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/* =========================================================
   CARDS DE BENEFICIOS
   ========================================================= */

body.fg-dark .fg-reputation-benefits .icon-box {
    height: 100%;

    margin: 0 !important;
    padding: 24px 26px;

    background: #151b24;

    border: 1px solid #282e38;
    border-radius: 10px;

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

@media (hover:hover) {

    body.fg-dark .fg-reputation-benefits .icon-box:hover {
        transform: translateY(-2px);

        border-color: #343d49;

        box-shadow: 0 10px 26px rgba(0,0,0,.18);
    }

}


/* ---------- Icono ---------- */

body.fg-dark .fg-reputation-benefits .icon-box-img {
    margin-right: 18px !important;
}

body.fg-dark .fg-reputation-benefits .icon-box-img img {
    max-width: 52px;
    height: auto;
}


/* ---------- Título ---------- */

body.fg-dark .fg-reputation-benefits .icon-box-text h3,
body.fg-dark .fg-reputation-benefits .icon-box-text h4,
body.fg-dark .fg-reputation-benefits .icon-box-text h5 {
    margin: 0 0 8px !important;

    color: #f4f6f8 !important;

    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}


/* ---------- Texto ---------- */

body.fg-dark .fg-reputation-benefits .icon-box-text p {
    margin: 0 !important;

    color: #a3acb9 !important;

    font-size: 13px;
    line-height: 1.65;
}


/* =========================================================
   BLOQUE DE RESEÑAS
   ========================================================= */

body.fg-dark .fg-reputation-reviews {
    display: block;

    background: #0d1015 !important;

    margin: 0 !important;
    padding: 34px 0 34px !important;
}


/*
 * Si el bloque interno de Google viene envuelto en
 * contenedores propios de Flatsome, evitamos fondos blancos.
 */

body.fg-dark .fg-reputation-reviews,
body.fg-dark .fg-reputation-reviews > div,
body.fg-dark .fg-reputation-reviews .section,
body.fg-dark .fg-reputation-reviews .section-bg {
    background-color: #0d1015 !important;
}


/* =========================================================
   TRUSTINDEX — CABECERA GOOGLE
   ========================================================= */

/*
 * Este es el elemento real que contiene:
 *
 * EXCELENTE
 * ★★★★★
 * A base de 588 reseñas
 * Google
 *
 * Lo separamos directamente de la sección superior.
 *
 * :has(.fg-reputation-hero) evita afectar otros widgets
 * Trustindex que puedan existir en otras páginas.
 */

body.fg-dark:has(.fg-reputation-hero) .ti-fade-container {
    margin-top: 30px !important;
    margin-bottom: 32px !important;
}


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

body.fg-dark .fg-reputation-cta {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 34px 15px 46px !important;

    background: #0d1015 !important;

    text-align: center !important;
}

body.fg-dark .fg-reputation-cta > .col,
body.fg-dark .fg-reputation-cta .col {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;

    padding-bottom: 0 !important;
}

body.fg-dark .fg-reputation-cta .col-inner {
    width: 100% !important;

    text-align: center !important;
}

body.fg-dark .fg-reputation-cta .button {
    display: inline-flex !important;

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

    min-width: 270px;
    min-height: 48px;

    margin: 0 auto !important;
    padding: 0 25px !important;

    background: #22c55e !important;

    border: 0 !important;
    border-radius: 8px !important;

    color: #ffffff !important;

    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    box-shadow: none !important;

    transition:
        background .2s ease,
        transform .2s ease;
}

body.fg-dark .fg-reputation-cta .button span,
body.fg-dark .fg-reputation-cta .button i {
    color: #ffffff !important;
}

body.fg-dark .fg-reputation-cta .button i {
    margin-right: 8px;
}

@media (hover:hover) {

    body.fg-dark .fg-reputation-cta .button:hover {
        background: #27d568 !important;

        transform: translateY(-2px);
    }

}


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

@media (max-width: 849px) {

    body.fg-dark .fg-reputation-hero {
        padding: 30px 0 34px !important;
    }

    body.fg-dark .fg-reputation-hero .img img {
        max-width: 220px;
    }

    body.fg-dark .fg-reputation-hero h1,
    body.fg-dark .fg-reputation-hero h2,
    body.fg-dark .fg-reputation-hero h3 {
        font-size: 25px;
    }


    /* ---------- Beneficios ---------- */

    body.fg-dark .fg-reputation-benefits {
        padding: 38px 0 42px !important;
    }

    body.fg-dark .fg-reputation-benefits .row .row {
        row-gap: 16px;
    }

    body.fg-dark .fg-reputation-benefits .icon-box {
        padding: 21px 22px;
    }


    /* ---------- Reviews ---------- */

    body.fg-dark .fg-reputation-reviews {
        padding: 30px 0 30px !important;
    }


    /* ---------- Trustindex ---------- */

    body.fg-dark:has(.fg-reputation-hero) .ti-fade-container {
        margin-top: 24px !important;
        margin-bottom: 28px !important;
    }


    /* ---------- CTA ---------- */

    body.fg-dark .fg-reputation-cta {
        padding: 30px 15px 40px !important;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 549px) {

    /* ---------- Hero ---------- */

    body.fg-dark .fg-reputation-hero {
        padding: 24px 0 30px !important;
    }

    body.fg-dark .fg-reputation-hero .img img {
        max-width: 180px;
    }

    body.fg-dark .fg-reputation-hero .gap-element {
        height: 13px !important;
    }

    body.fg-dark .fg-reputation-hero .text {
        max-width: 320px;
    }

    body.fg-dark .fg-reputation-hero h1,
    body.fg-dark .fg-reputation-hero h2,
    body.fg-dark .fg-reputation-hero h3 {
        margin-bottom: 7px !important;

        font-size: 22px;
        line-height: 1.28;
    }

    body.fg-dark .fg-reputation-hero p {
        font-size: 13px;
        line-height: 1.5;
    }


    /* ---------- Beneficios ---------- */

    body.fg-dark .fg-reputation-benefits {
        padding: 30px 0 34px !important;
    }

    body.fg-dark .fg-reputation-benefits .row {
        width: calc(100% - 20px);
    }

    body.fg-dark .fg-reputation-benefits .row .row {
        row-gap: 12px;
    }

    body.fg-dark .fg-reputation-benefits .row .row > .col {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    body.fg-dark .fg-reputation-benefits .icon-box {
        padding: 18px;

        border-radius: 9px;
    }

    body.fg-dark .fg-reputation-benefits .icon-box-img {
        margin-right: 13px !important;
    }

    body.fg-dark .fg-reputation-benefits .icon-box-img img {
        max-width: 44px;
    }

    body.fg-dark .fg-reputation-benefits .icon-box-text h3,
    body.fg-dark .fg-reputation-benefits .icon-box-text h4,
    body.fg-dark .fg-reputation-benefits .icon-box-text h5 {
        margin-bottom: 6px !important;

        font-size: 16px;
    }

    body.fg-dark .fg-reputation-benefits .icon-box-text p {
        font-size: 12px;
        line-height: 1.58;
    }


    /* ---------- Reviews ---------- */

    body.fg-dark .fg-reputation-reviews {
        padding: 24px 0 24px !important;
    }


    /* ---------- Trustindex ---------- */

    body.fg-dark:has(.fg-reputation-hero) .ti-fade-container {
        margin-top: 18px !important;
        margin-bottom: 24px !important;
    }


    /* ---------- CTA ---------- */

    body.fg-dark .fg-reputation-cta {
        padding: 25px 15px 34px !important;
    }

    body.fg-dark .fg-reputation-cta .button {
        width: 100% !important;
        max-width: 330px;
        min-width: 0;
        min-height: 46px;

        padding: 0 18px !important;

        font-size: 12px;
    }

}

/* =========================================================
   FUSION GAMES — GUÍAS V2
   ========================================================= */

body.fg-dark .fg-guides-hero,
body.fg-dark .fg-guides-requirements,
body.fg-dark .fg-guides-content,
body.fg-dark .fg-guides-help {
    background: #0d1015 !important;
}

body.fg-dark .fg-guides-hero .section-bg,
body.fg-dark .fg-guides-requirements .section-bg,
body.fg-dark .fg-guides-content .section-bg,
body.fg-dark .fg-guides-help .section-bg {
    background: transparent !important;
}


/* CONTENEDOR ÚNICO */

body.fg-dark .fg-guides-hero > .section-content > .row,
body.fg-dark .fg-guides-requirements > .section-content > .row,
body.fg-dark .fg-guides-content > .section-content > .row,
body.fg-dark .fg-guides-help > .section-content > .row {
    width: calc(100% - 30px) !important;
    max-width: 1040px !important;

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


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

body.fg-dark .fg-guides-hero {
    padding: 54px 0 42px !important;

    border-bottom: 1px solid #202630;
}

body.fg-dark .fg-guides-hero .col {
    padding-bottom: 0 !important;
}

body.fg-dark .fg-guides-hero .text {
    max-width: 760px;

    margin: 0 auto;

    text-align: center;
}

body.fg-dark .fg-guides-hero h1 {
    margin: 0 0 11px !important;

    color: #f4f6f8 !important;

    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
}

body.fg-dark .fg-guides-hero p {
    margin: 0 !important;

    color: #a3acb9 !important;

    font-size: 15px;
    line-height: 1.6;
}


/* =========================================================
   REQUISITOS
   ========================================================= */

body.fg-dark .fg-guides-requirements {
    padding: 34px 0 0 !important;
}

body.fg-dark .fg-guides-requirements .col {
    padding-bottom: 0 !important;
}

body.fg-dark .fg-guides-requirements .text {
    max-width: 760px;

    margin: 0 auto;

    padding: 20px 24px;

    background: #121821;

    border: 1px solid #282e38;
    border-radius: 10px;
}

body.fg-dark .fg-guides-requirements h2 {
    margin: 0 0 6px !important;

    color: #f4f6f8 !important;

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

body.fg-dark .fg-guides-requirements p {
    margin: 0 0 13px !important;

    color: #a3acb9 !important;

    font-size: 13px;
}

body.fg-dark .fg-guides-requirements ul {
    display: flex;

    flex-wrap: wrap;

    gap: 8px 22px;

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

    list-style: none !important;
}

body.fg-dark .fg-guides-requirements li {
    position: relative;

    margin: 0 !important;
    padding-left: 21px;

    color: #d9dee6 !important;

    font-size: 12px;
}

body.fg-dark .fg-guides-requirements li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color: #22c55e;

    font-weight: 800;
}


/* =========================================================
   APP
   ========================================================= */

body.fg-dark .fg-guides-content {
    padding: 42px 0 58px !important;
}

body.fg-dark .fg-guides-content .col {
    padding-bottom: 0 !important;
}

body.fg-dark .fg-guides-app {
    max-width: 820px;

    margin: 0 auto;
}


/* HEADER APP */

body.fg-dark .fg-guides-app-header {
    margin-bottom: 24px;

    text-align: center;
}

body.fg-dark .fg-guides-app-header h2 {
    margin: 0 0 7px !important;

    color: #f4f6f8 !important;

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

body.fg-dark .fg-guides-app-header > p:last-child {
    margin: 0 !important;

    color: #a3acb9 !important;

    font-size: 13px;
}


/* =========================================================
   TABS CONSOLA
   ========================================================= */

body.fg-dark .fg-console-tabs {
    display: grid;

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

    gap: 10px;

    margin-bottom: 34px;
}

body.fg-dark .fg-console-tab {
    min-height: 48px;

    padding: 0 18px;

    background: #151b24;

    border: 1px solid #282e38;
    border-radius: 8px;

    color: #aeb6c2;

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

    cursor: pointer;

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

body.fg-dark .fg-console-tab:hover {
    background: #19202a;

    border-color: #343d49;

    color: #ffffff;
}

body.fg-dark .fg-console-tab.is-active {
    background: #087ff5;

    border-color: #087ff5;

    color: #ffffff;

    box-shadow: 0 8px 22px rgba(8,127,245,.18);
}


/* =========================================================
   PANELES
   ========================================================= */

body.fg-dark .fg-console-panel,
body.fg-dark .fg-license-panel {
    display: none !important;
}

body.fg-dark .fg-console-panel.is-active,
body.fg-dark .fg-license-panel.is-active {
    display: block !important;
}


/* ENCABEZADO */

body.fg-dark .fg-guide-panel-heading {
    margin-bottom: 22px;
}

body.fg-dark .fg-guide-eyebrow {
    margin: 0 0 6px !important;

    color: #087ff5 !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    letter-spacing: .9px;
}

body.fg-dark .fg-guide-panel-heading h2 {
    margin: 0 0 7px !important;

    color: #f4f6f8 !important;

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

body.fg-dark .fg-guide-panel-heading > p:last-child {
    margin: 0 !important;

    color: #a3acb9 !important;

    font-size: 13px;
}


/* =========================================================
   TABS LICENCIA
   ========================================================= */

body.fg-dark .fg-license-tabs {
    display: flex;

    gap: 8px;

    margin-bottom: 22px;
}

body.fg-dark .fg-license-tab {
    min-width: 130px;
    min-height: 40px;

    padding: 0 17px;

    background: transparent;

    border: 1px solid #343d49;
    border-radius: 7px;

    color: #aeb6c2;

    font: inherit;
    font-size: 12px;
    font-weight: 700;

    cursor: pointer;
}

body.fg-dark .fg-license-tab:hover {
    color: #ffffff;

    border-color: #536172;
}

body.fg-dark .fg-license-tab.is-active {
    background: rgba(8,127,245,.12);

    border-color: #087ff5;

    color: #52a9ff;
}


/* =========================================================
   TÍTULO LICENCIA
   ========================================================= */

body.fg-dark .fg-guide-license-title {
    margin-bottom: 16px;
}

body.fg-dark .fg-guide-license-title > span {
    display: inline-block;

    margin-bottom: 6px;

    color: #52a9ff;

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

    letter-spacing: .7px;
}

body.fg-dark .fg-guide-license-title h3 {
    margin: 0 !important;

    color: #f4f6f8 !important;

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


/* =========================================================
   PASOS
   ========================================================= */

body.fg-dark .fg-guide-steps {
    display: flex;

    flex-direction: column;

    gap: 9px;
}

body.fg-dark .fg-guide-step {
    display: flex;

    gap: 16px;

    align-items: flex-start;

    padding: 17px 18px;

    background: #151b24;

    border: 1px solid #282e38;
    border-radius: 8px;
}

body.fg-dark .fg-guide-step-number {
    display: flex;

    flex: 0 0 38px;

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

    width: 38px;
    height: 38px;

    background: rgba(8,127,245,.11);

    border: 1px solid rgba(8,127,245,.25);
    border-radius: 7px;

    color: #52a9ff;

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

body.fg-dark .fg-guide-step-content {
    flex: 1;

    min-width: 0;
}

body.fg-dark .fg-guide-step-content h3 {
    margin: 0 0 4px !important;

    color: #f4f6f8 !important;

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

body.fg-dark .fg-guide-step-content p {
    margin: 0 !important;

    color: #a3acb9 !important;

    font-size: 12.5px;
    line-height: 1.6;
}

body.fg-dark .fg-guide-step-content strong {
    color: #e8ebef !important;
}


/* ADVERTENCIA */

body.fg-dark .fg-guide-warning {
    margin-top: 10px;

    padding: 10px 12px;

    background: rgba(255,133,0,.07);

    border: 1px solid rgba(255,133,0,.25);
    border-left: 3px solid #ff8500;
    border-radius: 6px;

    color: #cbd2dc;

    font-size: 11.5px;
    line-height: 1.5;
}

body.fg-dark .fg-guide-warning strong {
    color: #ffad55 !important;
}


/* ÉXITO */

body.fg-dark .fg-guide-step-success {
    background: rgba(34,197,94,.045);

    border-color: rgba(34,197,94,.24);
}

body.fg-dark .fg-guide-step-success .fg-guide-step-number {
    background: rgba(34,197,94,.10);

    border-color: rgba(34,197,94,.24);

    color: #4ade80;
}


/* =========================================================
   WHATSAPP
   ========================================================= */

body.fg-dark .fg-guides-help {
    padding: 0 0 58px !important;
}

body.fg-dark .fg-guides-help .col {
    padding-bottom: 0 !important;

    text-align: center;
}

body.fg-dark .fg-guides-help .text {
    max-width: 600px;

    margin: 0 auto;

    text-align: center;
}

body.fg-dark .fg-guides-help h2 {
    margin: 0 0 7px !important;

    color: #f4f6f8 !important;

    font-size: 21px;
}

body.fg-dark .fg-guides-help p {
    margin: 0 0 18px !important;

    color: #a3acb9 !important;

    font-size: 13px;
}

body.fg-dark .fg-guides-help .button {
    min-width: 235px;

    margin: 0 !important;

    background: #22c55e !important;

    border: none !important;
    border-radius: 7px !important;

    color: #ffffff !important;

    box-shadow: none !important;
}


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

@media (max-width: 549px) {

    body.fg-dark .fg-guides-hero > .section-content > .row,
    body.fg-dark .fg-guides-requirements > .section-content > .row,
    body.fg-dark .fg-guides-content > .section-content > .row,
    body.fg-dark .fg-guides-help > .section-content > .row {
        width: calc(100% - 24px) !important;
    }


    body.fg-dark .fg-guides-hero {
        padding: 34px 0 30px !important;
    }

    body.fg-dark .fg-guides-hero h1 {
        font-size: 26px;
    }

    body.fg-dark .fg-guides-hero p {
        font-size: 13px;
    }


    body.fg-dark .fg-guides-requirements {
        padding-top: 22px !important;
    }

    body.fg-dark .fg-guides-requirements .text {
        padding: 17px;
    }

    body.fg-dark .fg-guides-requirements ul {
        display: block;
    }

    body.fg-dark .fg-guides-requirements li {
        margin-bottom: 7px !important;
    }

    body.fg-dark .fg-guides-requirements li:last-child {
        margin-bottom: 0 !important;
    }


    body.fg-dark .fg-guides-content {
        padding: 32px 0 42px !important;
    }

    body.fg-dark .fg-guides-app-header {
        margin-bottom: 18px;
    }

    body.fg-dark .fg-guides-app-header h2 {
        font-size: 21px;
    }


    body.fg-dark .fg-console-tabs {
        gap: 7px;

        margin-bottom: 27px;
    }

    body.fg-dark .fg-console-tab {
        min-height: 44px;

        padding: 0 8px;

        font-size: 13px;
    }


    body.fg-dark .fg-guide-panel-heading {
        margin-bottom: 18px;
    }

    body.fg-dark .fg-guide-panel-heading h2 {
        font-size: 21px;
    }


    body.fg-dark .fg-license-tabs {
        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 7px;

        margin-bottom: 20px;
    }

    body.fg-dark .fg-license-tab {
        min-width: 0;

        width: 100%;

        min-height: 39px;

        padding: 0 8px;
    }


    body.fg-dark .fg-guide-step {
        gap: 12px;

        padding: 14px 13px;
    }

    body.fg-dark .fg-guide-step-number {
        flex-basis: 32px;

        width: 32px;
        height: 32px;

        font-size: 10px;
    }

    body.fg-dark .fg-guide-step-content h3 {
        font-size: 13.5px;
    }

    body.fg-dark .fg-guide-step-content p {
        font-size: 11.5px;
        line-height: 1.55;
    }

    body.fg-dark .fg-guide-warning {
        padding: 9px 10px;

        font-size: 10.5px;
    }


    body.fg-dark .fg-guides-help {
        padding-bottom: 42px !important;
    }

    body.fg-dark .fg-guides-help .button {
        width: 100%;

        max-width: 320px;

        min-width: 0;
    }

}

/* =========================================================
   GUÍAS V2 — AJUSTE FINAL DE ANCHO
   ========================================================= */

body.fg-dark .fg-guides-app {
    width: 100% !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.fg-dark .fg-console-panel,
body.fg-dark .fg-license-panel {
    width: 100% !important;
}

body.fg-dark .fg-guide-step {
    padding: 16px 18px !important;
}

body.fg-dark .fg-guide-step-content p {
    max-width: 720px;
}

/* =========================================================
   GUÍAS V2 — PULIDO NAVEGACIÓN
   ========================================================= */

/* Menos espacio entre requisitos y selector */
body.fg-dark .fg-guides-content {
    padding-top: 30px !important;
}

/* Selector de consola más compacto */
body.fg-dark .fg-console-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, 120px) !important;
    justify-content: center !important;
    gap: 10px !important;

    margin: 0 auto 28px !important;
}

body.fg-dark .fg-console-tab {
    width: 120px !important;
    min-height: 46px !important;
}

/* Menos separación antes de la guía seleccionada */
body.fg-dark .fg-guide-panel-heading {
    margin-top: 0 !important;
}

/* Selector de licencia */
body.fg-dark .fg-license-tabs {
    gap: 8px !important;
    margin-top: 18px !important;
    margin-bottom: 24px !important;
}

body.fg-dark .fg-license-tab {
    min-width: 145px !important;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 549px) {

    body.fg-dark .fg-guides-content {
        padding-top: 26px !important;
    }

    body.fg-dark .fg-console-tabs {
        grid-template-columns: repeat(3, 1fr) !important;
        width: 100% !important;
        gap: 7px !important;

        margin-bottom: 24px !important;
    }

    body.fg-dark .fg-console-tab {
        width: 100% !important;
        min-height: 43px !important;
    }

    body.fg-dark .fg-license-tabs {
        grid-template-columns: repeat(2, 1fr) !important;
        width: 100% !important;
    }

    body.fg-dark .fg-license-tab {
        min-width: 0 !important;
        width: 100% !important;
    }

}

/* =========================================================
   GUÍAS V2 — CENTRADO REAL DE BOTONES
   ========================================================= */

body.fg-dark .fg-console-tab,
body.fg-dark .fg-license-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    line-height: 1 !important;
    text-align: center !important;

    vertical-align: middle !important;
}

/* =========================================================
   GUÍAS — LEGIBILIDAD MÓVIL
   ========================================================= */

@media (max-width: 549px) {

    body.fg-dark .fg-guide-step-content h3 {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    body.fg-dark .fg-guide-step-content p {
        font-size: 12.5px !important;
        line-height: 1.6 !important;
    }

}

/* =========================================================
   FUSION GAMES — FC 27 MODAL
   ========================================================= */


/* BLOQUEAR SCROLL
--------------------------------------------------------- */

html.fg-modal-open,
body.fg-modal-open {
    overflow: hidden !important;
}


/* MODAL
--------------------------------------------------------- */

body.fg-dark .fg-fc27-modal {
    position: fixed !important;
    inset: 0 !important;

    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    padding: 20px !important;

    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;

    transition:
        opacity .2s ease,
        visibility .2s ease !important;
}


body.fg-dark .fg-fc27-modal.is-open {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}


/* FONDO
--------------------------------------------------------- */

body.fg-dark .fg-fc27-modal-backdrop {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background: rgba(3, 7, 12, .82) !important;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}


/* CAJA DEL MODAL
--------------------------------------------------------- */

body.fg-dark .fg-fc27-modal-dialog {
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;
    max-width: 560px !important;

    padding: 34px !important;

    margin: 0 !important;

    background: #10141b !important;

    border: 1px solid #282e38 !important;
    border-radius: 16px !important;

    box-shadow:
        0 24px 70px rgba(0, 0, 0, .55) !important;

    transform: translateY(12px) scale(.98);

    transition:
        transform .22s ease !important;

    overflow: hidden !important;
}


body.fg-dark .fg-fc27-modal.is-open .fg-fc27-modal-dialog {
    transform: translateY(0) scale(1) !important;
}


/* CERRAR
--------------------------------------------------------- */

body.fg-dark .fg-fc27-modal-close {
    position: absolute !important;

    top: 14px !important;
    right: 16px !important;

    width: 38px !important;
    height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    border: 0 !important;
    border-radius: 8px !important;

    background: #161b24 !important;

    color: #a3acb9 !important;

    font-size: 25px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    transition:
        background .2s ease,
        color .2s ease !important;
}


body.fg-dark .fg-fc27-modal-close:hover {
    background: #202733 !important;

    color: #ffffff !important;
}


/* HEADER
--------------------------------------------------------- */

body.fg-dark .fg-fc27-modal-header {
    text-align: center !important;

    margin-bottom: 26px !important;
}


body.fg-dark .fg-fc27-eyebrow {
    display: block !important;

    margin-bottom: 7px !important;

    color: #087ff5 !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}


body.fg-dark .fg-fc27-modal-header h2 {
    margin: 0 0 8px !important;

    color: #f4f6f8 !important;

    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}


body.fg-dark .fg-fc27-modal-header p {
    margin: 0 !important;

    color: #a3acb9 !important;

    font-size: 14px !important;
    line-height: 1.55 !important;
}


/* CONSOLAS
--------------------------------------------------------- */

body.fg-dark .fg-fc27-console-grid {
    display: grid !important;

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

    gap: 12px !important;
}


body.fg-dark .fg-fc27-console {
    display: flex !important;
    flex-direction: column !important;

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

    min-height: 150px !important;

    padding: 22px 16px !important;

    text-decoration: none !important;

    background: #151b24 !important;

    border: 1px solid #282e38 !important;
    border-radius: 12px !important;

    transition:
        border-color .2s ease,
        background .2s ease,
        transform .2s ease !important;
}


body.fg-dark .fg-fc27-console:hover {
    background: #18202b !important;

    border-color: #087ff5 !important;

    transform: translateY(-2px);
}


body.fg-dark .fg-fc27-console-name {
    margin-bottom: 5px !important;

    color: #f4f6f8 !important;

    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}


body.fg-dark .fg-fc27-console-description {
    margin-bottom: 17px !important;

    color: #8f99a7 !important;

    font-size: 12px !important;
    font-weight: 500 !important;
}


body.fg-dark .fg-fc27-console-action {
    color: #2992ff !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .03em !important;
}


/* BENEFICIOS
--------------------------------------------------------- */

body.fg-dark .fg-fc27-modal-footer {
    display: flex !important;

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

    flex-wrap: wrap !important;

    gap: 8px 16px !important;

    margin-top: 24px !important;

    color: #a3acb9 !important;

    font-size: 11.5px !important;
}


body.fg-dark .fg-fc27-modal-footer span {
    white-space: nowrap !important;
}


body.fg-dark .fg-fc27-modal-note {
    margin: 14px 0 0 !important;

    text-align: center !important;

    color: #747e8c !important;

    font-size: 11.5px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   FC 27 MODAL — MÓVIL
   ========================================================= */

@media (max-width: 549px) {

    body.fg-dark .fg-fc27-modal {
        padding: 14px !important;
    }


    body.fg-dark .fg-fc27-modal-dialog {
        width: 100% !important;
        max-width: 390px !important;

        padding: 30px 16px 22px !important;

        border-radius: 14px !important;
    }


    body.fg-dark .fg-fc27-modal-close {
        top: 10px !important;
        right: 10px !important;

        width: 34px !important;
        height: 34px !important;

        font-size: 23px !important;
    }


    body.fg-dark .fg-fc27-modal-header {
        margin-bottom: 21px !important;

        padding-left: 20px !important;
        padding-right: 20px !important;
    }


    body.fg-dark .fg-fc27-modal-header h2 {
        font-size: 23px !important;
    }


    body.fg-dark .fg-fc27-modal-header p {
        font-size: 13px !important;
    }


    body.fg-dark .fg-fc27-console-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 9px !important;
    }


    body.fg-dark .fg-fc27-console {
        min-height: 132px !important;

        padding: 18px 8px !important;
    }


    body.fg-dark .fg-fc27-console-name {
        font-size: 26px !important;
    }


    body.fg-dark .fg-fc27-console-description {
        margin-bottom: 14px !important;

        font-size: 11px !important;
    }


    body.fg-dark .fg-fc27-console-action {
        font-size: 10.5px !important;
    }


    body.fg-dark .fg-fc27-modal-footer {
        gap: 6px 11px !important;

        margin-top: 19px !important;

        font-size: 10.5px !important;
    }


    body.fg-dark .fg-fc27-modal-note {
        margin-top: 12px !important;

        font-size: 10.5px !important;
    }

}

/* =========================================================
   FC 27 MODAL — LEGIBILIDAD MÓVIL
   ========================================================= */

@media (max-width: 549px) {

    /* Texto debajo del título */
    body.fg-dark .fg-fc27-modal-header p {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
    }

    /* PlayStation 4 / PlayStation 5 */
    body.fg-dark .fg-fc27-console-description {
        font-size: 11.5px !important;
    }

    /* Elegir PS4 / Elegir PS5 */
    body.fg-dark .fg-fc27-console-action {
        font-size: 11.5px !important;
    }

    /* Preventa / Entrega digital / Compra segura */
    body.fg-dark .fg-fc27-modal-footer {
        font-size: 11.5px !important;
    }

    /* Nota inferior */
    body.fg-dark .fg-fc27-modal-note {
        font-size: 11.5px !important;
        line-height: 1.5 !important;
    }

}

/* =========================================================
   HOME — CATÁLOGO MÓVIL
   Alineación + tarjetas ligeramente más grandes
   ========================================================= */

@media (max-width: 549px) {

    /* Sección */
    body.fg-dark .fg-catalog-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Título + subtítulo alineados con las tarjetas */
    body.fg-dark .fg-catalog-mobile .fg-catalog-heading {
        width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.fg-dark .fg-catalog-mobile .fg-catalog-heading h2,
    body.fg-dark .fg-catalog-mobile .fg-catalog-heading p {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Fila de tarjetas */
    body.fg-dark .fg-catalog-mobile .fg-catalog-mobile-row {
        width: calc(100% - 28px) !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Columnas */
    body.fg-dark .fg-catalog-mobile .fg-catalog-mobile-col {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    /* Compensar el padding de columnas para ganar ancho útil */
    body.fg-dark .fg-catalog-mobile .fg-catalog-mobile-row {
        margin-left: auto !important;
        margin-right: auto !important;
    }

}

/* =========================================================
   HOME — TARJETA REPUTACIÓN CLICABLE
   ========================================================= */

body.fg-dark .fg-trust-reputation-link {
    display: block;
    width: 100%;

    color: inherit !important;
    text-decoration: none !important;

    cursor: pointer;
}

body.fg-dark .fg-trust-reputation-link:hover,
body.fg-dark .fg-trust-reputation-link:focus {
    color: inherit !important;
    text-decoration: none !important;
}

/* =========================================================
   FUSION GAMES — FIBOSEARCH MOBILE DARK
   Buscador AJAX / Overlay móvil
   ========================================================= */

@media (max-width: 849px) {

    /* =====================================================
       OVERLAY GENERAL
       ===================================================== */

    body.fg-dark .dgwt-wcas-overlay-mobile {
        background: #0d1015 !important;
    }


    /* =====================================================
       BARRA SUPERIOR
       ===================================================== */

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar {
        background: #10141b !important;
        border-bottom: 1px solid #282e38 !important;
        box-shadow: none !important;
    }


    /* =====================================================
       BOTÓN VOLVER
       ===================================================== */

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-om-return {
        background: #151b24 !important;
        border: 0 !important;
        border-right: 1px solid #282e38 !important;
        color: #f4f6f8 !important;
    }

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-om-return svg,
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-om-return svg path {
        fill: #f4f6f8 !important;
    }


    /* =====================================================
       CONTENEDOR DEL FORMULARIO
       ===================================================== */

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-search-wrapp,
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-search-form,
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-sf-wrapp {
        background: #10141b !important;
    }


    /* =====================================================
       INPUT
       ===================================================== */

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-search-input {
        background: #10141b !important;
        color: #f4f6f8 !important;

        border: 0 !important;
        box-shadow: none !important;

        -webkit-text-fill-color: #f4f6f8 !important;
        caret-color: #087ff5 !important;
    }

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-search-input:focus {
        background: #10141b !important;
        color: #f4f6f8 !important;

        outline: none !important;
        box-shadow: none !important;

        -webkit-text-fill-color: #f4f6f8 !important;
    }


    /* Placeholder */
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-search-input::placeholder {
        color: #747e8c !important;
        -webkit-text-fill-color: #747e8c !important;
        opacity: 1 !important;
    }


    /* =====================================================
       ICONO LUPA
       ===================================================== */

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-search-submit {
        background: #10141b !important;
        border: 0 !important;
    }

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-search-submit svg path {
        fill: #a3acb9 !important;
    }


    /* =====================================================
       RESULTADOS
       ===================================================== */

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-suggestions-wrapp {
        background: #0d1015 !important;
        border: 0 !important;
        box-shadow: none !important;
    }


    /* Cada producto */
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-suggestion {
        background: #0d1015 !important;
        border-bottom: 1px solid #282e38 !important;
        color: #f4f6f8 !important;
    }


    /* Resultado seleccionado / pulsado */
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-suggestion-selected,
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-suggestion:hover {
        background: #151b24 !important;
    }


    /* =====================================================
       NOMBRE DEL PRODUCTO
       ===================================================== */

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-st-title,
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-st-title *,
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-suggestion a {
        color: #f4f6f8 !important;
    }


    /* Texto resaltado de la búsqueda */
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-st-title strong {
        color: #ffffff !important;
        font-weight: 700 !important;
    }


    /* =====================================================
       PRECIOS
       ===================================================== */

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-sp,
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-sp *,
    body.fg-dark .dgwt-wcas-overlay-mobile .woocommerce-Price-amount {
        color: #f4f6f8 !important;
    }


    /* Precio anterior */
    body.fg-dark .dgwt-wcas-overlay-mobile del,
    body.fg-dark .dgwt-wcas-overlay-mobile del *,
    body.fg-dark .dgwt-wcas-overlay-mobile del .woocommerce-Price-amount {
        color: #747e8c !important;
        opacity: .8 !important;
    }


    /* Precio oferta */
    body.fg-dark .dgwt-wcas-overlay-mobile ins,
    body.fg-dark .dgwt-wcas-overlay-mobile ins *,
    body.fg-dark .dgwt-wcas-overlay-mobile ins .woocommerce-Price-amount {
        color: #f4f6f8 !important;
        text-decoration: none !important;
    }


    /* =====================================================
       IMÁGENES
       ===================================================== */

    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-si img {
        border: 1px solid #282e38 !important;
        border-radius: 5px !important;
        background: #151b24 !important;
    }


    /* =====================================================
       SCROLL / ÁREA INFERIOR
       ===================================================== */

    body.fg-dark .dgwt-wcas-overlay-mobile,
    body.fg-dark .dgwt-wcas-overlay-mobile .dgwt-wcas-suggestions-wrapp {
        scrollbar-color: #343d49 #0d1015;
    }

}

/* =========================================================
   FUSION GAMES — LOGIN / REGISTRO LIGHTBOX DARK
   Flatsome + WooCommerce
   Desktop + Mobile
   ========================================================= */


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

body.fg-dark #login-form-popup {
    background: #10141b !important;
    color: #f4f6f8 !important;
    border: 1px solid #282e38 !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .55) !important;
}


/* Contenido interno */
body.fg-dark #login-form-popup .account-container,
body.fg-dark #login-form-popup .row,
body.fg-dark #login-form-popup .col,
body.fg-dark #login-form-popup .col-inner {
    background: transparent !important;
    color: #f4f6f8 !important;
}


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

body.fg-dark #login-form-popup h1,
body.fg-dark #login-form-popup h2,
body.fg-dark #login-form-popup h3,
body.fg-dark #login-form-popup .uppercase {
    color: #f4f6f8 !important;
}


/* =========================================================
   TEXTOS Y LABELS
   ========================================================= */

body.fg-dark #login-form-popup,
body.fg-dark #login-form-popup p,
body.fg-dark #login-form-popup label,
body.fg-dark #login-form-popup span,
body.fg-dark #login-form-popup strong {
    color: #d7dce4 !important;
}


/* Texto secundario */
body.fg-dark #login-form-popup .woocommerce-privacy-policy-text,
body.fg-dark #login-form-popup .woocommerce-LostPassword,
body.fg-dark #login-form-popup .woocommerce-form-row + p {
    color: #a3acb9 !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

body.fg-dark #login-form-popup input[type="text"],
body.fg-dark #login-form-popup input[type="email"],
body.fg-dark #login-form-popup input[type="password"] {
    background: #151b24 !important;
    color: #f4f6f8 !important;

    border: 1px solid #282e38 !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    -webkit-text-fill-color: #f4f6f8 !important;
    caret-color: #087ff5 !important;
}


/* Focus */
body.fg-dark #login-form-popup input[type="text"]:focus,
body.fg-dark #login-form-popup input[type="email"]:focus,
body.fg-dark #login-form-popup input[type="password"]:focus {
    background: #161b24 !important;
    border-color: #087ff5 !important;
    box-shadow: 0 0 0 2px rgba(8, 127, 245, .15) !important;
    outline: none !important;
}


/* Placeholder */
body.fg-dark #login-form-popup input::placeholder {
    color: #747e8c !important;
    opacity: 1 !important;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

body.fg-dark #login-form-popup input[type="checkbox"] {
    accent-color: #087ff5 !important;
}


/* =========================================================
   BOTONES
   ========================================================= */

body.fg-dark #login-form-popup button,
body.fg-dark #login-form-popup .button,
body.fg-dark #login-form-popup input[type="submit"] {
    background: #087ff5 !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 7px !important;

    box-shadow: none !important;
}


body.fg-dark #login-form-popup button:hover,
body.fg-dark #login-form-popup .button:hover,
body.fg-dark #login-form-popup input[type="submit"]:hover {
    background: #2992ff !important;
    color: #ffffff !important;
}


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

body.fg-dark #login-form-popup a {
    color: #74b8ff !important;
    text-decoration: none !important;
}


body.fg-dark #login-form-popup a:hover {
    color: #a9d4ff !important;
}


/* =========================================================
   SEPARADOR ENTRE ACCESO / REGISTRO
   ========================================================= */

body.fg-dark #login-form-popup .col + .col,
body.fg-dark #login-form-popup .large-6 + .large-6 {
    border-color: #282e38 !important;
}


/* =========================================================
   LIGHTBOX / FONDO EXTERIOR
   ========================================================= */

body.fg-dark .mfp-bg {
    background: #03070c !important;
    opacity: .84 !important;
}


/* Botón cerrar */
body.fg-dark .mfp-close {
    color: #f4f6f8 !important;
    opacity: .85 !important;
}


body.fg-dark .mfp-close:hover {
    color: #ffffff !important;
    opacity: 1 !important;
}


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

@media (max-width: 849px) {

    body.fg-dark #login-form-popup {
        width: calc(100vw - 28px) !important;
        max-width: 520px !important;

        margin: 14px auto !important;
        padding: 20px 18px !important;

        border-radius: 12px !important;
    }


    /* En móvil, las columnas quedan una debajo de otra */
    body.fg-dark #login-form-popup .row {
        display: block !important;
    }


    body.fg-dark #login-form-popup .col {
        width: 100% !important;
        max-width: 100% !important;

        flex-basis: 100% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* Separación entre login y registro */
    body.fg-dark #login-form-popup .col + .col {
        margin-top: 26px !important;
        padding-top: 26px !important;

        border-left: 0 !important;
        border-top: 1px solid #282e38 !important;
    }


    body.fg-dark #login-form-popup h2,
    body.fg-dark #login-form-popup h3 {
        font-size: 20px !important;
    }


    body.fg-dark #login-form-popup label {
        font-size: 13px !important;
    }


    body.fg-dark #login-form-popup input[type="text"],
    body.fg-dark #login-form-popup input[type="email"],
    body.fg-dark #login-form-popup input[type="password"] {
        min-height: 46px !important;
        font-size: 16px !important;
    }


    body.fg-dark #login-form-popup button,
    body.fg-dark #login-form-popup .button,
    body.fg-dark #login-form-popup input[type="submit"] {
        min-height: 44px !important;
    }
}

/* =========================================================
   FUSION GAMES — MINI CART / OFF CANVAS DARK
   Flatsome + WooCommerce
   Desktop + Mobile
   FINAL — incluye .ux-mini-cart-footer
   ========================================================= */


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

body.fg-dark .off-canvas-cart .mfp-content,
body.fg-dark #cart-popup,
body.fg-dark #cart-popup .cart-popup-inner {
    background: #10141b !important;
    color: #f4f6f8 !important;
}

body.fg-dark .off-canvas-cart .mfp-content {
    border-left: 1px solid #282e38 !important;
    box-shadow: -18px 0 50px rgba(0, 0, 0, .45) !important;
}


/* =========================================================
   TÍTULO
   ========================================================= */

body.fg-dark #cart-popup .cart-popup-title,
body.fg-dark #cart-popup .cart-popup-title h4,
body.fg-dark #cart-popup .cart-popup-title .uppercase {
    color: #f4f6f8 !important;
}

body.fg-dark #cart-popup .is-divider {
    background: #343d49 !important;
}


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

body.fg-dark #cart-popup .widget_shopping_cart,
body.fg-dark #cart-popup .widget_shopping_cart_content,
body.fg-dark #cart-popup .cart-sidebar-content {
    background: transparent !important;
    color: #f4f6f8 !important;
}


/* =========================================================
   CARRITO VACÍO
   ========================================================= */

body.fg-dark #cart-popup .woocommerce-mini-cart__empty-message,
body.fg-dark #cart-popup .woocommerce-mini-cart__empty-message p {
    color: #a3acb9 !important;
}


/* =========================================================
   PRODUCTOS
   ========================================================= */

body.fg-dark #cart-popup .woocommerce-mini-cart,
body.fg-dark #cart-popup .woocommerce-mini-cart-item,
body.fg-dark #cart-popup .mini_cart_item {
    background: transparent !important;
    color: #f4f6f8 !important;
}

body.fg-dark #cart-popup .mini_cart_item {
    border-bottom: 1px solid #282e38 !important;
}

body.fg-dark #cart-popup .mini_cart_item a,
body.fg-dark #cart-popup .woocommerce-mini-cart-item a {
    color: #f4f6f8 !important;
}

body.fg-dark #cart-popup .quantity,
body.fg-dark #cart-popup .variation,
body.fg-dark #cart-popup .variation *,
body.fg-dark #cart-popup .woocommerce-mini-cart-item dl {
    color: #a3acb9 !important;
}

body.fg-dark #cart-popup .woocommerce-Price-amount,
body.fg-dark #cart-popup .amount {
    color: #f4f6f8 !important;
}

body.fg-dark #cart-popup .mini_cart_item img {
    background: #151b24 !important;
    border: 1px solid #282e38 !important;
    border-radius: 6px !important;
}


/* =========================================================
   ELIMINAR PRODUCTO
   ========================================================= */

body.fg-dark #cart-popup .remove,
body.fg-dark #cart-popup a.remove {
    color: #a3acb9 !important;
    border-color: #343d49 !important;
}

body.fg-dark #cart-popup .remove:hover,
body.fg-dark #cart-popup a.remove:hover {
    color: #ffffff !important;
    border-color: #087ff5 !important;
    background: #087ff5 !important;
}


/* =========================================================
   FOOTER REAL DE FLATSOME
   Subtotal + botones
   ========================================================= */

body.fg-dark #cart-popup .ux-mini-cart-footer {
    background: #10141b !important;
    background-color: #10141b !important;
    color: #f4f6f8 !important;
    border-top: 1px solid #282e38 !important;
    box-shadow: none !important;
}

/* Subtotal */
body.fg-dark #cart-popup .ux-mini-cart-footer .woocommerce-mini-cart__total,
body.fg-dark #cart-popup .ux-mini-cart-footer p.total {
    background: transparent !important;
    color: #f4f6f8 !important;
    border-top: 1px solid #282e38 !important;
    border-bottom: 1px solid #282e38 !important;
}

body.fg-dark #cart-popup .ux-mini-cart-footer .woocommerce-mini-cart__total strong,
body.fg-dark #cart-popup .ux-mini-cart-footer .woocommerce-mini-cart__total .amount,
body.fg-dark #cart-popup .ux-mini-cart-footer .woocommerce-mini-cart__total bdi,
body.fg-dark #cart-popup .ux-mini-cart-footer .woocommerce-Price-currencySymbol {
    color: #f4f6f8 !important;
}

/* Contenedor de botones */
body.fg-dark #cart-popup .ux-mini-cart-footer .woocommerce-mini-cart__buttons,
body.fg-dark #cart-popup .ux-mini-cart-footer p.buttons {
    background: transparent !important;
    color: #f4f6f8 !important;
}

/* Botón VER CARRITO */
body.fg-dark #cart-popup .ux-mini-cart-footer .button:not(.checkout) {
    background: #151b24 !important;
    color: #f4f6f8 !important;
    border: 1px solid #343d49 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

/* Botón FINALIZAR COMPRA */
body.fg-dark #cart-popup .ux-mini-cart-footer .button.checkout {
    background: #087ff5 !important;
    color: #ffffff !important;
    border: 1px solid #087ff5 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

body.fg-dark #cart-popup .ux-mini-cart-footer .button:not(.checkout):hover {
    background: #1b222d !important;
    border-color: #087ff5 !important;
    color: #ffffff !important;
}

body.fg-dark #cart-popup .ux-mini-cart-footer .button.checkout:hover {
    background: #2992ff !important;
    border-color: #2992ff !important;
    color: #ffffff !important;
}


/* =========================================================
   CERRAR
   ========================================================= */

body.fg-dark .off-canvas-cart .mfp-close,
body.fg-dark #cart-popup .mfp-close {
    color: #f4f6f8 !important;
    opacity: .85 !important;
}

body.fg-dark .off-canvas-cart .mfp-close:hover,
body.fg-dark #cart-popup .mfp-close:hover {
    color: #ffffff !important;
    opacity: 1 !important;
}


/* =========================================================
   OVERLAY EXTERIOR
   ========================================================= */

body.fg-dark .off-canvas-cart + .mfp-bg,
body.fg-dark .mfp-bg {
    background: #03070c !important;
}


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

@media (max-width: 849px) {

    body.fg-dark .off-canvas-cart .mfp-content {
        background: #10141b !important;
    }

    body.fg-dark #cart-popup .cart-popup-inner {
        padding: 24px 20px !important;
    }

    body.fg-dark #cart-popup .cart-popup-title h4 {
        font-size: 20px !important;
    }

    body.fg-dark #cart-popup .woocommerce-mini-cart__empty-message {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    body.fg-dark #cart-popup .ux-mini-cart-footer {
        background: #10141b !important;
        background-color: #10141b !important;
    }

    body.fg-dark #cart-popup .ux-mini-cart-footer .woocommerce-mini-cart__buttons .button {
        min-height: 46px !important;
        font-size: 14px !important;
    }
}

/* =========================================================
   FUSION GAMES — MINI CART SIN SELECTOR DE CANTIDAD
   ========================================================= */

body.fg-dark #cart-popup .quantity.buttons_added,
body.fg-dark #cart-popup .quantity {
    display: none !important;
}

/* =========================================================
   PRODUCTO — BOTÓN WHATSAPP
   Texto e icono blancos
   ========================================================= */

body.fg-dark .fg-whatsapp-contact,
body.fg-dark .fg-whatsapp-contact span,
body.fg-dark .fg-whatsapp-contact i,
body.fg-dark .fg-whatsapp-contact .icon-whatsapp {
    color: #ffffff !important;
}


/* Si el icono usa pseudo-elemento */
body.fg-dark .fg-whatsapp-contact .icon-whatsapp::before {
    color: #ffffff !important;
}


/* Mantener blanco también en hover/focus */
body.fg-dark .fg-whatsapp-contact:hover,
body.fg-dark .fg-whatsapp-contact:hover span,
body.fg-dark .fg-whatsapp-contact:hover i,
body.fg-dark .fg-whatsapp-contact:focus,
body.fg-dark .fg-whatsapp-contact:focus span,
body.fg-dark .fg-whatsapp-contact:focus i {
    color: #ffffff !important;
}

/* =========================================================
   PRODUCTO — WHATSAPP
   Alineación perfecta icono + texto
   ========================================================= */

body.fg-dark .fg-whatsapp-contact {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    line-height: 1 !important;
}

body.fg-dark .fg-whatsapp-contact .icon-whatsapp,
body.fg-dark .fg-whatsapp-contact span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.fg-dark .fg-whatsapp-contact .icon-whatsapp {
    position: static !important;
    transform: none !important;
}

/* =========================================================
   FUSION GAMES — FIBOSEARCH DESKTOP
   Texto del campo de búsqueda
   ========================================================= */

@media (min-width: 850px) {

    /* Texto que escribe el usuario */
    body.fg-dark .dgwt-wcas-search-input,
    body.fg-dark input.dgwt-wcas-search-input {
        color: #1f2937 !important;
        -webkit-text-fill-color: #1f2937 !important;
        opacity: 1 !important;
    }

    /* Placeholder */
    body.fg-dark .dgwt-wcas-search-input::placeholder,
    body.fg-dark input.dgwt-wcas-search-input::placeholder {
        color: #7b8491 !important;
        -webkit-text-fill-color: #7b8491 !important;
        opacity: 1 !important;
    }

    /* Chrome / Safari autofill */
    body.fg-dark .dgwt-wcas-search-input:-webkit-autofill {
        -webkit-text-fill-color: #1f2937 !important;
    }
}

/* =========================================================
   FUSION GAMES — MI CUENTA / PEDIDOS
   WooCommerce Orders
   ========================================================= */

/* ---------------------------------------------------------
   CONTENIDO GENERAL
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content {
    color: #a3acb9;
}

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content p {
    color: #a3acb9;
}


/* ---------------------------------------------------------
   TABLA DE PEDIDOS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
table.woocommerce-orders-table {
    width: 100%;
    margin: 20px 0 0;
    background: #10141b;
    border: 1px solid #282e38;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}


/* Cabecera */

body.fg-dark.woocommerce-account
table.woocommerce-orders-table thead {
    background: #151b24;
}

body.fg-dark.woocommerce-account
table.woocommerce-orders-table th {
    padding: 16px 18px;
    border: 0;
    border-bottom: 1px solid #282e38;
    background: #151b24;
    color: #f4f6f8 !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}


/* Filas */

body.fg-dark.woocommerce-account
table.woocommerce-orders-table tbody tr {
    background: #10141b;
}

body.fg-dark.woocommerce-account
table.woocommerce-orders-table tbody tr:hover {
    background: #151b24;
}


/* Celdas */

body.fg-dark.woocommerce-account
table.woocommerce-orders-table td {
    padding: 17px 18px;
    border: 0;
    border-bottom: 1px solid #282e38;
    background: transparent;
    color: #a3acb9 !important;
    font-size: 14px;
    vertical-align: middle;
}

body.fg-dark.woocommerce-account
table.woocommerce-orders-table tbody tr:last-child td {
    border-bottom: 0;
}


/* ---------------------------------------------------------
   NÚMERO DE PEDIDO
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-number a {
    color: #2992ff !important;
    font-weight: 700;
    text-decoration: none;
}

body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-number a:hover {
    color: #5aaaff !important;
}


/* ---------------------------------------------------------
   FECHA / ESTADO
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-date,
body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-status {
    color: #a3acb9 !important;
}


/* ---------------------------------------------------------
   TOTAL
   Corrige especialmente el importe oscuro de la captura
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-total {
    color: #a3acb9 !important;
}

body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-total .amount,
body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-total bdi,
body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-total span {
    color: #f4f6f8 !important;
}

body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-total .amount {
    font-weight: 700;
}


/* "para 1 artículo" */

body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-total {
    color: #a3acb9 !important;
}


/* ---------------------------------------------------------
   BOTÓN VER
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-actions .button {
    min-width: 74px;
    margin: 0 !important;
    padding: 10px 16px !important;

    background: #087ff5 !important;
    border: 1px solid #087ff5 !important;
    border-radius: 6px !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center;
    text-transform: uppercase;

    box-shadow: none !important;
}

body.fg-dark.woocommerce-account
table.woocommerce-orders-table
.woocommerce-orders-table__cell-order-actions .button:hover {
    background: #2992ff !important;
    border-color: #2992ff !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   LINKS GENERALES DENTRO DE PEDIDOS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content a {
    color: #2992ff;
}

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content a:hover {
    color: #5aaaff;
}


/* =========================================================
   MOBILE
   WooCommerce transforma la tabla en tarjetas
   ========================================================= */

@media (max-width: 849px) {

    body.fg-dark.woocommerce-account
    table.woocommerce-orders-table {
        background: transparent;
        border: 0;
        border-radius: 0;
        overflow: visible;
    }

    body.fg-dark.woocommerce-account
    table.woocommerce-orders-table tbody tr {
        display: block;

        margin-bottom: 16px;

        background: #10141b;

        border: 1px solid #282e38;
        border-radius: 10px;

        overflow: hidden;
    }

    body.fg-dark.woocommerce-account
    table.woocommerce-orders-table td {
        padding: 12px 14px;

        border-bottom: 1px solid #282e38;

        background: transparent;

        color: #a3acb9 !important;
    }

    body.fg-dark.woocommerce-account
    table.woocommerce-orders-table td:last-child {
        border-bottom: 0;
    }

    /* Etiquetas generadas por WooCommerce */

    body.fg-dark.woocommerce-account
    table.woocommerce-orders-table td::before {
        color: #f4f6f8 !important;
        font-weight: 700;
    }

    /* Botón VER */

    body.fg-dark.woocommerce-account
    table.woocommerce-orders-table
    .woocommerce-orders-table__cell-order-actions .button {
        width: 100%;
        min-width: 0;
        margin-top: 4px !important;
    }
}

/* =========================================================
   FUSION GAMES — MI CUENTA / DETALLES DE LA CUENTA
   WooCommerce Account Details
   ========================================================= */

/* ---------------------------------------------------------
   CONTENEDOR GENERAL
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm {
    max-width: 760px;

    padding: 24px;

    background: #10141b;

    border: 1px solid #282e38;
    border-radius: 10px;
}


/* ---------------------------------------------------------
   LABELS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm label {
    display: block;

    margin-bottom: 7px;

    color: #f4f6f8 !important;

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


/* ---------------------------------------------------------
   INPUTS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm input[type="text"],
body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm input[type="email"],
body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm input[type="password"] {
    width: 100%;
    height: 46px;

    padding: 0 14px;

    background: #151b24 !important;

    border: 1px solid #282e38 !important;
    border-radius: 7px !important;

    color: #f4f6f8 !important;

    font-size: 14px;

    box-shadow: none !important;

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


/* Placeholder */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm input::placeholder {
    color: #747e8c !important;
    opacity: 1;
}


/* Focus */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm input:focus {
    background: #161d27 !important;

    border-color: #087ff5 !important;

    outline: none !important;
    box-shadow:
        0 0 0 2px rgba(8, 127, 245, .12) !important;
}


/* ---------------------------------------------------------
   ESPACIADO ENTRE CAMPOS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm .form-row {
    margin-bottom: 18px;
}


/* ---------------------------------------------------------
   TEXTO DE AYUDA
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm span em,
body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm .description {
    display: block;

    margin-top: 6px;

    color: #747e8c !important;

    font-size: 12px;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   FIELDSET CONTRASEÑA
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm fieldset {
    margin-top: 28px;
    padding: 22px;

    background: #0d1015;

    border: 1px solid #282e38;
    border-radius: 9px;
}


/* Título "Cambio de contraseña" */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm fieldset legend {
    padding: 0 8px;

    color: #f4f6f8 !important;

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


/* ---------------------------------------------------------
   BOTÓN GUARDAR CAMBIOS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm button[type="submit"],
body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm .button {
    min-height: 44px;

    margin-top: 6px !important;

    padding: 11px 20px !important;

    background: #087ff5 !important;

    border: 1px solid #087ff5 !important;
    border-radius: 7px !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-transform: uppercase;

    box-shadow: none !important;
}


/* Hover */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm button[type="submit"]:hover,
body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm .button:hover {
    background: #2992ff !important;
    border-color: #2992ff !important;

    color: #ffffff !important;
}


/* ---------------------------------------------------------
   PASSWORD SHOW / HIDE
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-password-input {
    position: relative;
}

body.fg-dark.woocommerce-account
.woocommerce-password-input .show-password-input {
    color: #a3acb9 !important;
}

body.fg-dark.woocommerce-account
.woocommerce-password-input .show-password-input:hover {
    color: #f4f6f8 !important;
}


/* ---------------------------------------------------------
   SELECTS SI ALGÚN PLUGIN LOS AGREGA
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm select {
    width: 100%;
    min-height: 46px;

    padding: 0 14px;

    background: #151b24 !important;

    border: 1px solid #282e38 !important;
    border-radius: 7px !important;

    color: #f4f6f8 !important;

    box-shadow: none !important;
}


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

@media (max-width: 849px) {

    body.fg-dark.woocommerce-account
    .woocommerce-EditAccountForm {
        max-width: none;

        padding: 18px 15px;

        border-radius: 9px;
    }


    body.fg-dark.woocommerce-account
    .woocommerce-EditAccountForm fieldset {
        margin-top: 22px;
        padding: 16px 14px;
    }


    body.fg-dark.woocommerce-account
    .woocommerce-EditAccountForm .form-row {
        width: 100% !important;
        float: none !important;

        margin-right: 0 !important;
        margin-left: 0 !important;
    }


    body.fg-dark.woocommerce-account
    .woocommerce-EditAccountForm button[type="submit"],
    body.fg-dark.woocommerce-account
    .woocommerce-EditAccountForm .button {
        width: 100%;
    }
}

/* =========================================================
   MI CUENTA / DETALLES — QUITAR LÍNEA DEL FIELDSET
   ========================================================= */

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm fieldset {
    border: 1px solid #282e38 !important;
}

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm fieldset legend {
    width: auto !important;
    max-width: none !important;

    padding: 0 10px !important;
    margin-left: 10px !important;

    background: #0d1015 !important;

    border: 0 !important;

    color: #f4f6f8 !important;
    line-height: 1.2 !important;
}

body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm fieldset legend::before,
body.fg-dark.woocommerce-account
.woocommerce-EditAccountForm fieldset legend::after {
    display: none !important;
    content: none !important;
}

/* =========================================================
   FUSION GAMES — MI CUENTA / DIRECCIONES
   WooCommerce Addresses
   ========================================================= */


/* ---------------------------------------------------------
   CONTENIDO GENERAL
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-Addresses {
    margin-top: 20px;
}


/* ---------------------------------------------------------
   CADA BLOQUE DE DIRECCIÓN
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-Address {
    margin-bottom: 22px;
}


/* Card */

body.fg-dark.woocommerce-account
.woocommerce-Address .woocommerce-Address-title,
body.fg-dark.woocommerce-account
.woocommerce-Address address {
    background: #10141b;
}


/* ---------------------------------------------------------
   CABECERA DE LA CARD
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-Address .woocommerce-Address-title {
    position: relative;

    padding: 18px 20px;

    border: 1px solid #282e38;
    border-bottom: 0;

    border-radius: 10px 10px 0 0;
}


/* Título */

body.fg-dark.woocommerce-account
.woocommerce-Address .woocommerce-Address-title h3 {
    margin: 0;

    color: #f4f6f8 !important;

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


/* ---------------------------------------------------------
   LINK EDITAR
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-Address .woocommerce-Address-title .edit {
    color: #2992ff !important;

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

    text-decoration: none;
}

body.fg-dark.woocommerce-account
.woocommerce-Address .woocommerce-Address-title .edit:hover {
    color: #5aaaff !important;
}


/* ---------------------------------------------------------
   DIRECCIÓN
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-Address address {
    margin: 0;

    padding: 18px 20px;

    border: 1px solid #282e38;

    border-radius: 0 0 10px 10px;

    color: #a3acb9 !important;

    font-size: 14px;
    font-style: normal;
    line-height: 1.7;
}


/* ---------------------------------------------------------
   TEXTO GENERAL
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content address,
body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content address p {
    color: #a3acb9 !important;
}


/* =========================================================
   FORMULARIO EDITAR DIRECCIÓN
   ========================================================= */


/* ---------------------------------------------------------
   TÍTULO
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-address-fields {
    max-width: 760px;

    padding: 24px;

    background: #10141b;

    border: 1px solid #282e38;
    border-radius: 10px;
}


/* ---------------------------------------------------------
   LABELS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-address-fields label {
    display: block;

    margin-bottom: 7px;

    color: #f4f6f8 !important;

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


/* ---------------------------------------------------------
   INPUTS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-address-fields input[type="text"],
body.fg-dark.woocommerce-account
.woocommerce-address-fields input[type="email"],
body.fg-dark.woocommerce-account
.woocommerce-address-fields input[type="tel"] {
    width: 100%;
    height: 46px;

    padding: 0 14px;

    background: #151b24 !important;

    border: 1px solid #282e38 !important;
    border-radius: 7px !important;

    color: #f4f6f8 !important;

    font-size: 14px;

    outline: none !important;
    box-shadow: none !important;
}


/* Placeholder */

body.fg-dark.woocommerce-account
.woocommerce-address-fields input::placeholder {
    color: #747e8c !important;
    opacity: 1;
}


/* Focus */

body.fg-dark.woocommerce-account
.woocommerce-address-fields input:focus {
    background: #161d27 !important;

    border-color: #087ff5 !important;

    box-shadow:
        0 0 0 2px rgba(8, 127, 245, .12) !important;
}


/* ---------------------------------------------------------
   SELECTS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-address-fields select,
body.fg-dark.woocommerce-account
.woocommerce-address-fields .select2-selection {
    min-height: 46px !important;

    background: #151b24 !important;

    border: 1px solid #282e38 !important;
    border-radius: 7px !important;

    color: #f4f6f8 !important;

    box-shadow: none !important;
}


/* Select2 render */

body.fg-dark.woocommerce-account
.woocommerce-address-fields
.select2-selection__rendered {
    color: #f4f6f8 !important;
    line-height: 44px !important;
}


/* Flecha Select2 */

body.fg-dark.woocommerce-account
.woocommerce-address-fields
.select2-selection__arrow {
    height: 44px !important;
}


/* ---------------------------------------------------------
   SELECT2 DROPDOWN
   --------------------------------------------------------- */

body.fg-dark
.select2-container--open
.select2-dropdown {
    background: #151b24 !important;

    border: 1px solid #282e38 !important;

    color: #f4f6f8 !important;
}

body.fg-dark
.select2-results__option {
    color: #a3acb9 !important;
}

body.fg-dark
.select2-results__option--highlighted {
    background: #087ff5 !important;

    color: #ffffff !important;
}


/* ---------------------------------------------------------
   FORM ROW
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-address-fields .form-row {
    margin-bottom: 18px;
}


/* ---------------------------------------------------------
   BOTÓN GUARDAR DIRECCIÓN
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-address-fields button[type="submit"],
body.fg-dark.woocommerce-account
.woocommerce-address-fields .button {
    min-height: 44px;

    margin-top: 6px !important;
    padding: 11px 20px !important;

    background: #087ff5 !important;

    border: 1px solid #087ff5 !important;
    border-radius: 7px !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-transform: uppercase;

    box-shadow: none !important;
}

body.fg-dark.woocommerce-account
.woocommerce-address-fields button[type="submit"]:hover,
body.fg-dark.woocommerce-account
.woocommerce-address-fields .button:hover {
    background: #2992ff !important;
    border-color: #2992ff !important;

    color: #ffffff !important;
}


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

@media (max-width: 849px) {

    body.fg-dark.woocommerce-account
    .woocommerce-Address {
        width: 100% !important;
        float: none !important;

        margin-bottom: 16px;
    }

    body.fg-dark.woocommerce-account
    .woocommerce-Address .woocommerce-Address-title {
        padding: 15px 16px;
    }

    body.fg-dark.woocommerce-account
    .woocommerce-Address address {
        padding: 15px 16px;
    }

    body.fg-dark.woocommerce-account
    .woocommerce-address-fields {
        max-width: none;

        padding: 18px 15px;

        border-radius: 9px;
    }

    body.fg-dark.woocommerce-account
    .woocommerce-address-fields .form-row {
        width: 100% !important;
        float: none !important;

        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    body.fg-dark.woocommerce-account
    .woocommerce-address-fields button[type="submit"],
    body.fg-dark.woocommerce-account
    .woocommerce-address-fields .button {
        width: 100%;
    }
}

/* =========================================================
   FUSION GAMES — MI CUENTA / PANEL PRINCIPAL
   Dashboard + navegación
   ========================================================= */


/* ---------------------------------------------------------
   LAYOUT GENERAL
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-navigation,
body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content {
    color: #a3acb9;
}


/* ---------------------------------------------------------
   NAVEGACIÓN LATERAL
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-navigation {
    background: #10141b;

    border: 1px solid #282e38;
    border-radius: 10px;

    overflow: hidden;
}

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-navigation li {
    margin: 0;

    border-bottom: 1px solid #282e38;
}

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-navigation li:last-child {
    border-bottom: 0;
}

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-navigation a {
    display: block;

    padding: 14px 16px;

    color: #a3acb9 !important;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition:
        background-color .2s ease,
        color .2s ease;
}

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-navigation a:hover {
    background: #151b24;

    color: #ffffff !important;
}


/* Opción activa */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-navigation
.is-active > a {
    background: #151b24;

    color: #ffffff !important;

    box-shadow:
        inset 3px 0 0 #087ff5;
}


/* ---------------------------------------------------------
   CONTENIDO DEL PANEL
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content {
    padding: 24px;

    background: #10141b;

    border: 1px solid #282e38;
    border-radius: 10px;
}


/* ---------------------------------------------------------
   TEXTOS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content p {
    color: #a3acb9 !important;

    font-size: 14px;
    line-height: 1.7;
}

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content strong {
    color: #f4f6f8;
}


/* ---------------------------------------------------------
   LINKS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content a {
    color: #2992ff !important;

    text-decoration: none;
}

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content a:hover {
    color: #5aaaff !important;
}


/* ---------------------------------------------------------
   MENSAJES / NOTICES
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-message,
body.fg-dark.woocommerce-account
.woocommerce-info,
body.fg-dark.woocommerce-account
.woocommerce-error {
    background: #151b24 !important;

    border: 1px solid #282e38 !important;
    border-radius: 8px;

    color: #a3acb9 !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   BOTONES GENERALES DE MI CUENTA
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content .button {
    background: #087ff5 !important;

    border: 1px solid #087ff5 !important;
    border-radius: 7px !important;

    color: #ffffff !important;

    box-shadow: none !important;
}

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content .button:hover {
    background: #2992ff !important;
    border-color: #2992ff !important;

    color: #ffffff !important;
}


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

@media (max-width: 849px) {

    body.fg-dark.woocommerce-account
    .woocommerce-MyAccount-navigation {
        margin-bottom: 18px;
    }

    body.fg-dark.woocommerce-account
    .woocommerce-MyAccount-navigation ul {
        display: grid;

        grid-template-columns: 1fr 1fr;
    }

    body.fg-dark.woocommerce-account
    .woocommerce-MyAccount-navigation li {
        border-right: 1px solid #282e38;
        border-bottom: 1px solid #282e38;
    }

    body.fg-dark.woocommerce-account
    .woocommerce-MyAccount-navigation li:nth-child(2n) {
        border-right: 0;
    }

    body.fg-dark.woocommerce-account
    .woocommerce-MyAccount-navigation a {
        padding: 12px 10px;

        font-size: 13px;

        text-align: center;
    }

    body.fg-dark.woocommerce-account
    .woocommerce-MyAccount-navigation
    .is-active > a {
        box-shadow:
            inset 0 -3px 0 #087ff5;
    }

    body.fg-dark.woocommerce-account
    .woocommerce-MyAccount-content {
        padding: 18px 15px;

        border-radius: 9px;
    }
}

/* =========================================================
   FUSION GAMES — MI CUENTA / VER PEDIDO
   WooCommerce view-order
   ========================================================= */


/* ---------------------------------------------------------
   CONTENEDOR
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content {

    color: #a3acb9;
}


/* ---------------------------------------------------------
   MENSAJE SUPERIOR DEL PEDIDO
   "El pedido #... se realizó..."
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content > p:first-child {

    color: #a3acb9 !important;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 28px;
}


/* Número, fecha y estado que WooCommerce muestra con strong */

body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content > p:first-child mark,
body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content > p:first-child .order-number,
body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content > p:first-child .order-date,
body.fg-dark.woocommerce-account
.woocommerce-MyAccount-content > p:first-child .order-status {

    background: transparent !important;
    color: #f4f6f8 !important;
    font-weight: 700;
}


/* ---------------------------------------------------------
   TÍTULOS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-order-details__title,
body.fg-dark.woocommerce-account
.woocommerce-customer-details h2,
body.fg-dark.woocommerce-account
.woocommerce-customer-details h3 {

    color: #f4f6f8 !important;
}


/* ---------------------------------------------------------
   TABLA DETALLES DEL PEDIDO
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details {

    width: 100%;

    background: #10141b !important;

    border: 1px solid #282e38 !important;
    border-radius: 10px;

    border-collapse: separate !important;
    border-spacing: 0;

    overflow: hidden;

    color: #a3acb9 !important;
}


/* CABECERA */

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details thead th {

    background: #151b24 !important;

    color: #a3acb9 !important;

    border: 0 !important;
    border-bottom: 1px solid #282e38 !important;

    padding: 13px 16px;

    font-weight: 700;
}


/* CELDAS */

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details tbody td,
body.fg-dark.woocommerce-account
table.woocommerce-table--order-details tfoot th,
body.fg-dark.woocommerce-account
table.woocommerce-table--order-details tfoot td {

    background: #10141b !important;

    color: #a3acb9 !important;

    border: 0 !important;
    border-bottom: 1px solid #282e38 !important;

    padding: 13px 16px;
}


/* Última fila sin borde */

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details tfoot tr:last-child th,
body.fg-dark.woocommerce-account
table.woocommerce-table--order-details tfoot tr:last-child td {

    border-bottom: 0 !important;
}


/* ---------------------------------------------------------
   PRODUCTO
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
.woocommerce-table__product-name a {

    color: #2992ff !important;
    font-weight: 600;
    text-decoration: none;
}


body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
.woocommerce-table__product-name a:hover {

    color: #087ff5 !important;
}


/* Cantidad */

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
.product-quantity {

    color: #f4f6f8 !important;
}


/* ---------------------------------------------------------
   IMPORTES
   Corrige especialmente el negro visible en la captura
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
.amount,

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
bdi,

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
.woocommerce-Price-amount,

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
.woocommerce-Price-currencySymbol {

    color: #f4f6f8 !important;
}


/* Total final */

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
tfoot tr:last-child th,

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
tfoot tr:last-child td,

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
tfoot tr:last-child .amount,

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
tfoot tr:last-child bdi {

    color: #f4f6f8 !important;
    font-weight: 700;
}


/* ---------------------------------------------------------
   MÉTODO DE PAGO / METADATOS
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
table.woocommerce-table--order-details
tfoot td {

    color: #a3acb9 !important;
}


/* ---------------------------------------------------------
   DIRECCIÓN DE FACTURACIÓN
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-customer-details {

    margin-top: 28px;
}


body.fg-dark.woocommerce-account
.woocommerce-customer-details address {

    background: #151b24 !important;

    border: 1px solid #282e38 !important;
    border-radius: 10px !important;

    color: #a3acb9 !important;

    padding: 18px 20px !important;

    font-style: normal;

    line-height: 1.7;
}


/* Textos dentro de dirección */

body.fg-dark.woocommerce-account
.woocommerce-customer-details address p,
body.fg-dark.woocommerce-account
.woocommerce-customer-details address span {

    color: #a3acb9 !important;
}


/* Email y teléfono */

body.fg-dark.woocommerce-account
.woocommerce-customer-details
.woocommerce-customer-details--email,

body.fg-dark.woocommerce-account
.woocommerce-customer-details
.woocommerce-customer-details--phone {

    color: #a3acb9 !important;
}


/* ---------------------------------------------------------
   LINKS GENERALES
   --------------------------------------------------------- */

body.fg-dark.woocommerce-account
.woocommerce-order-details a {

    color: #2992ff;
}


body.fg-dark.woocommerce-account
.woocommerce-order-details a:hover {

    color: #087ff5;
}


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

@media (max-width: 849px) {

    body.fg-dark.woocommerce-account
    .woocommerce-MyAccount-content > p:first-child {

        font-size: 14px;
        line-height: 1.6;

        margin-bottom: 22px;
    }


    body.fg-dark.woocommerce-account
    .woocommerce-order-details__title,

    body.fg-dark.woocommerce-account
    .woocommerce-customer-details h2 {

        font-size: 22px !important;
    }


    body.fg-dark.woocommerce-account
    table.woocommerce-table--order-details thead th,

    body.fg-dark.woocommerce-account
    table.woocommerce-table--order-details tbody td,

    body.fg-dark.woocommerce-account
    table.woocommerce-table--order-details tfoot th,

    body.fg-dark.woocommerce-account
    table.woocommerce-table--order-details tfoot td {

        padding: 11px 12px;
    }


    body.fg-dark.woocommerce-account
    .woocommerce-customer-details address {

        padding: 16px !important;
    }

}

/* =========================================================
   FUSION GAMES — WOOVR PRECIO VARIACIONES
   ========================================================= */

body.fg-dark.single-product
.woovr-variation-price,

body.fg-dark.single-product
.woovr-variation-price .amount,

body.fg-dark.single-product
.woovr-variation-price bdi,

body.fg-dark.single-product
.woovr-variation-price .woocommerce-Price-amount,

body.fg-dark.single-product
.woovr-variation-price .woocommerce-Price-currencySymbol {

    color: #f4f6f8 !important;
}