/*! nintenduo bundle: nintenduo-critical (30537d3faa82) */

/* === assets/css/tokens.css === */
/* ==========================================================================
   Variables principales (colores, radios, tamaños de fuente)
   ========================================================================== */
:root {
    --main-red: #FF2222;
    --main-blue: #006ED4;
    --main-orange: #FF7F1F;
    --main-bright-blue: #0082FC;
    --block-radius: 8px;
    --quote-radius: 4px;
    --post-title-size: 44px;
    --h2-size: 24px;
    --h3-size: 22px;
    --caption-size: 14px;
    --nintenduo-caption-muted-color: #757575;
    --nintenduo-gallery-thumb-gradient: linear-gradient(
        135deg,
        var(--main-red) 0%,
        var(--main-orange) 45%,
        var(--main-bright-blue) 100%
    );
}


/* === style.css === */
/**
 * Theme Name:        Nintenduo
 * Description:       WordPress theme for nintenduo.com site
 * Version:           1.0.3
 * Author:            Nintenduo
 * Author URI:        https://nintenduo.com
 * Tested up to:      6.4.3
 * Requires PHP:      8.2.16
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */

/* Header bottom margin to avoid content overlapping */
header {
    height: 72px;
}

body {
    -webkit-font-smoothing: antialiased;
}

:root {
    --space-default: 4px;
    --desktop-content-size: 1128px;
}

::selection {
    color: white !important;
    background: #FF2222 !important;
}

h2 {
    -webkit-font-smoothing: antialiased;
}

/* Manual class for applying gradient to text */
h2.nintenduo-text-gradient {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    display:inline-block;
}

h2.nintenduo-text-gradient:not( .has-background ) {
    background: linear-gradient(270deg, #0082fc 0%, #f22 100%);
}

h2.nintenduo-text-gradient > * {
    color: inherit !important;
}
/* Manual class for applying gradient to text */

/* Set all wp-block-heading text color as gradient */
h2.wp-block-heading {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    display:inline-block;
}

h2.wp-block-heading:not( .has-background ) {
    background: linear-gradient(270deg, #0082fc 0%, #f22 100%);
}

.home h2.wp-block-heading:not( .has-background ) {
    background: linear-gradient(270deg, #f22 0%, #0082fc 100%);
}

h2.wp-block-heading > * {
    color: inherit !important;
}
/* Headers with gradient */

.nintenduo-text-align-center {
    text-align: center;
}

.nintenduo-position-relative {
    position: relative;
}

.nintenduo-search-template-archive-list {
    width: 100%;
}

/* Hover only on desktop */
@media (min-width: 1151px) {
    .nintenduo-border-on-hover > a:hover {
        position: relative;
    }

    .nintenduo-border-on-hover > a:hover::after {
        content: '';
        background-image: linear-gradient(to right, #ff2222, #0082fc);
        inset: 0;
        z-index: -1;
        display: block;
        position: absolute;
        width: calc(100% + 8px);
        height: calc(100% + 8px);
        margin-left: calc(-1 * 4px);
        margin-top: calc(-1 * 4px);
        border-radius: 8px;
    }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1150px) {
    header {
        height: 64px;
    }

    .wp-block-nintenduo-header-block {
        padding-left: 16px;
        padding-right: 16px;
    }

    .nintenduo-header > .nintenduo-header-menu-button {
        display: none;
    }

    .nintenduo-header > .nintenduo-header-horizontal-navigation {
        display: none;
    }

    .nintenduo-header-menu-content > .nintenduo-header-vertical-navigation {
        display: none;
    }
}

/* Mobile */
@media (max-width: 768px) {
    header {
        height: 48px;
    }

    h2.wp-block-heading {
        text-align: center;
    }

    .wp-block-query-title {
        font-size: 24px !important;
    }

    .hide-on-mobile {
        display: none !important;

}


/* === assets/css/base.css === */
/* ==========================================================================
   Base: links y utilidades de visibilidad
   ========================================================================== */

/* Links */
a:where(:not(.wp-element-button)) {
    color: #006ED4;
    text-decoration: none;
}

/* Utilidades responsive de visibilidad */

/* Desktop */
@media (min-width: 1151px) {
    .nintenduo-hide-on-desktop {
        display: none !important;
    }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1150px) {
    .nintenduo-hide-on-tablet {
        display: none !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .nintenduo-hide-on-mobile {
        display: none !important;
    }
}

/* ==========================================================================
   Fichas de juegos: ocultar icono externo y tipografía gradient-text
   ========================================================================== */
.single-juego .external-icon,
.post-type-archive-juego .external-icon,
.tax-plataforma .external-icon {
    display: none !important;
}

.juego-gradient-text p {
    line-height: 1.3;
    letter-spacing: 0.01em;
}

.juego-no-decoration {
    line-height: 1.2;
}

@media (max-width: 768px) {
    .juego-gradient-text p {
        line-height: 1.3;
        letter-spacing: 0.02em;
    }
    .juego-no-decoration {
        line-height: 1.3;
    }
}


/* === assets/css/header.css === */
/* Search */
#nintenduo-search-overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(26,26,26,0.9);
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

/* === assets/css/footer.css === */
/* Desktop */
footer > div {
    margin-top: 76px;
}

footer .wp-block-nintenduo-clickable-block figure {
    margin-bottom: 0;
}

footer .wp-block-nintenduo-clickable-block figure img {
    width: 60px;
    height: 60px;
}

footer .nintenduo-footer-subfooter {
    width: 100%;
    justify-content: space-between;
    margin-top: 60px;
    padding-right: 156px;
    padding-bottom: 32px;
    padding-left: 156px;
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1150px) {
    footer > div {
        margin-top: 56px;
    }

    footer .nintenduo-footer-subfooter {
        flex-direction: column;
        gap: 8px;
        margin-top: 32px;
        padding-right: 0;
        padding-left: 0;
    }
}

/* Mobile */
@media (max-width: 768px) {
    footer > div {
        margin-top: 48px;
    }

    footer .wp-block-nintenduo-clickable-block figure img {
        width: 48px;
        height: 48px;
    }

    footer .is-layout-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    footer .nintenduo-footer-subfooter {
        flex-direction: column;
        gap: 8px;
        margin-top: 38px;
        padding-right: 0;
        padding-left: 0;
    }
}


/* === assets/css/pagination.css === */
.page-numbers {
    margin-right: 8px;
}

.page-numbers:not(.dots) {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-flex; /* or inline-flex */
    align-items: center;
    justify-content: center;
    border: 2px solid #757575;
}

.page-numbers:not(.dots):not(.current):hover {
    border: none;
    width: 48px;
    height: 48px;
    color: white;
    background: linear-gradient(322deg, #0082fc 0%, #ff2222 100%);
}

.page-numbers.current {
    color: white;
    background-color: #757575;
}


/* === assets/css/ads.css === */
/*
Sidebar (Desktop) y Sidebar (Mobile):
- PC, tablet y mobile: 300x600

Despues del primer párrafo, Cada dos párrafos y Antes del último párrafo:
- PC: 186px
- Tablet: 183px
- Mobile: 600px
 */

.ninte-sidebar-desktop:not(:empty) {
    min-height: 600px;
}

.ninte-despues-del-primer-parrafo:not(:empty),
.ninte-cada-dos-parrafos:not(:empty),
.ninte-antes-del-ultimo-parrafo:not(:empty) {
    min-height: 186px;
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1150px) {
    .ninte-despues-del-primer-parrafo:not(:empty),
    .ninte-cada-dos-parrafos:not(:empty),
    .ninte-antes-del-ultimo-parrafo:not(:empty) {
        min-height: 183px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .ninte-despues-del-primer-parrafo:not(:empty),
    .ninte-cada-dos-parrafos:not(:empty),
    .ninte-antes-del-ultimo-parrafo:not(:empty) {
        min-height: 300px;
    }
}