/*desactivar tienda de Woocomerce*/
remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10);
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);
remove_action('woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30);
remove_action('woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30);

#mini-cart {
    display: none;
    /*display: inline-block;*/
}

a:hover {
    color: #00ffff !important;
}

a:where(:not(.wp-element-button)) {
    text-decoration: none !important;
}

a.cmplz-link.cookie-statement {
    display: none;
}

a.cmplz-link.privacy-statement {
    display: none;
}

a.cmplz-link.impressum {
    display: none;
}

svg.svg-inline--fa.fa-times.fa-w-11 {
    display: none;
}

div.cmplz-cookiebanner.banner-1.optin.cmplz-center.cmplz-categories-type-no.cmplz-show {
    border-style: none;
}

.wp-block-button__link {
    background: #fc00ff;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #00dbde, #fc00ff);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #00dbde, #fc00ff);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    color: #fff !important;
    /* texto blanco */
    transition: background-color 0.3s ease;
}

.wp-block-button__link:hover {
    background: #56CCF2;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2F80ED, #56CCF2);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.entry-title,
.entry-title a {
    color: #FFFFFF !important;
    /* morado */
    transition: color 0.3s ease;
    text-decoration: none;
    /* opcional, quita el subrayado */
}

.entry-title:hover,
.entry-title a:hover {
    color: #00FFFF !important;
    /* celeste al pasar encima */
}

.more-link,
.more-link a {
    color: #BA4BFB !important;
    /* morado */
    transition: color 0.3s ease;
    text-decoration: none;
    /* opcional, quita el subrayado */
}

.more-link:hover,
.more-link a:hover {
    color: #00FFFF !important;
    /* celeste al pasar encima */
}

.wp-block-newspack-blocks-carousel .swiper-pagination-bullet {
    background: #ffffff !important;
}

.main-menu-container a {
    color: #FFF !important;
    /* texto blanco */
}

.main-menu-container a:hover {
    color: #BA4BFB !important;
    /* morado al pasar encima */
}

.main-menu-container a:active {
    color: #BA4BFB !important;
    /* morado al pasar encima */
}

.wp-block-button__link {
    transition: all 0.3s ease;
    /* transición suave para todos los efectos */
}

.wp-block-button__link:hover {
    transform: translateY(-2px);
    /* pequeño efecto de "elevación" */
}

/* Oculta únicamente el icono azul de Swiper, pero mantiene el botón funcional */
.wp-block-newspack-blocks-carousel .swiper-button .swiper-navigation-icon {
    display: none !important;
}

.left-image {
    display: block !important;

    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* =========================
   GLightbox UI: close + arrows
   App-style, white icons, responsive
   Optimizado para Android / móvil
   ========================= */

/* ---------- CLOSE ---------- */
.glightbox-container .gclose {
    position: fixed !important;
    top: 20px !important;
    right: 16px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 999999 !important;

    width: 52px !important;
    height: 52px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(18, 18, 18, 0.68) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 16px !important;

    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.35),
        0 2px 8px rgba(0, 0, 0, 0.28);

    opacity: 1 !important;
    transition:
        transform .18s ease,
        background .18s ease,
        opacity .18s ease,
        box-shadow .18s ease;
}

.glightbox-container .gclose svg {
    width: 22px !important;
    height: 22px !important;
}

.glightbox-container .gclose svg path {
    fill: #ffffff !important;
}

/* hover feedback (desktop) */
@media (hover: hover) and (pointer: fine) {
    .glightbox-container .gclose:hover {
        background: rgba(30, 30, 30, 0.78) !important;
        transform: scale(1.05);
        box-shadow:
            0 10px 28px rgba(0, 0, 0, 0.42),
            0 2px 10px rgba(0, 0, 0, 0.30);
    }
}

/* MOBILE / ANDROID: más abajo para evitar anuncios o UI superior */
@media (max-width: 768px) {
    .glightbox-container .gclose {
        top: clamp(120px, calc(env(safe-area-inset-top, 0px) + 8vh), 120px) !important;
        right: 14px !important;

        width: 48px !important;
        height: 48px !important;
        border-radius: 14px !important;
        opacity: .98 !important;
    }

    .glightbox-container .gclose svg {
        width: 19px !important;
        height: 19px !important;
    }
}

/* ---------- ARROWS ---------- */
.glightbox-container .gprev,
.glightbox-container .gnext {
    width: 48px !important;
    height: 60px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(18, 18, 18, 0.52) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 14px !important;

    backdrop-filter: blur(8px) saturate(135%);
    -webkit-backdrop-filter: blur(8px) saturate(135%);

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.28),
        0 2px 8px rgba(0, 0, 0, 0.18);

    opacity: 1 !important;
    transition: transform .2s ease, background .2s ease, opacity .2s ease, box-shadow .2s ease;
    z-index: 999998 !important;
}

.glightbox-container .gprev svg,
.glightbox-container .gnext svg {
    width: 22px !important;
    height: 22px !important;
}

.glightbox-container .gprev svg path,
.glightbox-container .gnext svg path {
    fill: #ffffff !important;
}

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

    .glightbox-container .gprev:hover,
    .glightbox-container .gnext:hover {
        background: rgba(30, 30, 30, 0.72) !important;
        transform: scale(1.06);
        box-shadow:
            0 10px 26px rgba(0, 0, 0, 0.34),
            0 2px 10px rgba(0, 0, 0, 0.22);
    }
}

@media (max-width: 640px) {

    .glightbox-container .gprev,
    .glightbox-container .gnext {
        width: 40px !important;
        height: 48px !important;
        border-radius: 12px !important;
        opacity: .96 !important;
    }

    .glightbox-container .gprev svg,
    .glightbox-container .gnext svg {
        width: 18px !important;
        height: 18px !important;
    }
}

.glightbox-container .gprev::before,
.glightbox-container .gnext::before {
    content: "";
    position: absolute;
    inset: -10px;
}

/* Título Premium - Comportamiento de Bloque (No mezcla textos) */
.wp-title-primary {
    display: block;
    /* Ahora es un bloque estándar */
    width: 100%;

    /* Fondo Negro 70% + Gradiente Rosa Cyberpunk */
    background: linear-gradient(90deg, rgba(255, 45, 133, 0.35) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%);

    /* Efecto Blur */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    /* Borde y Espaciado */
    border-left: 4px solid #ff2a85;
    padding: 16px 20px;
    margin: 32px 0 20px 0;

    /* Estilo de Texto Base */
    color: #ffffff;
    font-family: 'Outfit', 'Poppins', sans-serif;
}

/* Forzar que cualquier texto dentro sea blanco y respete el diseño */
.wp-title-primary h1,
.wp-title-primary h2,
.wp-title-primary h3,
.wp-title-primary p {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.2;
}

/* Espacio pequeño si hay más de un elemento */
.wp-title-primary *+* {
    margin-top: 4px !important;
}

/* =========================================================
   TEXT SELECTION STYLE
   ========================================================= */

/* Navegadores modernos */
::selection {
    background: #00ffff;
    color: #000000;
}

/* Firefox */
::-moz-selection {
    background: #00ffff;
    color: #000000;
}

/* Subtext color utility */
.gdt-subtext {
    color: rgba(121, 155, 187, 1) !important;
}

/* Quitar recuadro blanco de FooBox */
.fbx-inner,
.fbx-inner.fbx-inner-shadow {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Mantener limpia la zona de la imagen */
.fbx-stage,
.fbx-item-current,
.fbx-item-current img,
img.fbx-item.fbx-item-image {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Overlay oscuro */
.fbx-overlay,
.fbx-modal,
.fbx-wrap {
    background: rgba(0, 0, 0, 0.92) !important;
}

/* =========================
   DESKTOP / TABLET GRANDE
   ========================= */
@media (min-width: 769px) {

    button.fbx-close,
    .fbx-close.fbx-btn-transition.fbx-btn-shadow {
        position: absolute !important;
        top: -24px !important;
        right: -24px !important;
        left: auto !important;
        bottom: auto !important;
        width: 52px !important;
        height: 52px !important;
        line-height: 40px !important;
        border-radius: 50% !important;
        background: #333 !important;
        background-color: #333 !important;
        border: 2px solid rgba(255, 255, 255, 0.22) !important;
        color: #fff !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    button.fbx-close svg,
    .fbx-close svg {
        width: 27px !important;
        height: 27px !important;
        display: block !important;
    }

    button.fbx-close svg path,
    .fbx-close svg path,
    .fbx-icon-close-default,
    .fbx-icon-close-flat {
        fill: #fff !important;
    }
}

/* =========================
   MÓVIL / ANDROID
   ========================= */
@media (max-width: 768px) {

    button.fbx-close,
    .fbx-close.fbx-btn-transition.fbx-btn-shadow {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        width: auto !important;
        height: 48px !important;
        line-height: 48px !important;
        border-radius: 0 !important;
        background: rgba(0, 0, 0, 0.92) !important;
        background-color: rgba(0, 0, 0, 0.92) !important;
        border: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff !important;
    }

    button.fbx-close svg,
    .fbx-close svg {
        width: 18px !important;
        height: 18px !important;
        display: block !important;
    }

    button.fbx-close svg path,
    .fbx-close svg path,
    .fbx-icon-close-default,
    .fbx-icon-close-flat {
        fill: #fff !important;
    }
}

/* Solo en móviles / Android-like widths */
@media (max-width: 768px) {
    .fg-panel-buttons {
        top: 60px !important;
    }

    .fg-panel-area.fg-panel-thumbs {
        bottom: 60px !important;
    }
}

@media (max-width: 768px) and (pointer: coarse) {

    .fg-panel-buttons {
        height: 60px !important;
        align-items: flex-start !important;
        box-sizing: border-box !important;
    }

    .fg-panel-buttons .fg-panel-button {
        pointer-events: auto !important;
    }


}


/* 
 *=========================================================
FEATURE PANEL - GDTPs
Clase: gdtps-feature-panel
========================================================= */

.gdtps-feature-panel {
    position: relative;
    overflow: hidden;
    margin: 32px auto 42px;
    min-height: clamp(420px, 62vw, 640px);
    box-shadow:
        0 20px 60px rgba(0, 0, 0, .38),
        0 8px 24px rgba(0, 0, 0, .22);
    isolation: isolate;
}

/* Imagen de fondo */
.gdtps-feature-panel .wp-block-cover__image-background {
    border-radius: 0 !important;
    transform: none !important;
    transition: none !important;
    filter: saturate(1.08) contrast(1.03);
}

/* Sin animación hover en el fondo */
.gdtps-feature-panel:hover .wp-block-cover__image-background {
    transform: none !important;
    filter: saturate(1.08) contrast(1.03) !important;
}

/* Overlay negro */
.gdtps-feature-panel .wp-block-cover__background,
.gdtps-feature-panel .has-background-gradient {
    opacity: 1 !important;
    background: rgba(0, 0, 0, 0.70) !important;
}

/* Glow decorativo */
.gdtps-feature-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, .12), transparent 34%),
        radial-gradient(circle at bottom right, rgba(0, 255, 200, .10), transparent 28%);
}

/* Contenido interno */
.gdtps-feature-panel>.wp-block-cover__inner-container {
    position: relative;
    z-index: 4;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    padding: clamp(24px, 4vw, 46px);
}

/* Columnas Main Card */
.gdtps-feature-panel .wp-block-columns {
    max-width: 1006px !important;
    align-items: center;
    gap: clamp(20px, 4vw, 56px);
    border-radius: 24px;
    padding: clamp(20px, 3.5vw, 32px);
}

/* Tarjetas internas */
.gdtps-feature-panel .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gdtps-feature-panel .wp-block-column:first-child {
    gap: 24px;
}

.gdtps-feature-panel .wp-block-column:last-child {
    gap: 16px;
}

/* Reset de márgenes internos para mayor control vía gap */
.gdtps-feature-panel .wp-block-column>* {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Título de sección decorativo (Characteristics) */
.gdtps-feature-panel .wp-block-column:last-child p:first-child {
    color: #00f3ff !important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 2px;
    text-shadow: 0 0 10px rgba(0, 243, 255, 0.4);
    opacity: 0.9;
}

/* Texto */
.gdtps-feature-panel p,
.gdtps-feature-panel li,
.gdtps-feature-panel strong,
.gdtps-feature-panel mark {
    color: #f5f7ff;
}

/* Título Principal */
.gdtps-feature-panel .has-large-font-size {
    font-size: clamp(1.5rem, 2.6vw, 2.5rem) !important;
    line-height: 1.05;
    letter-spacing: -.01em;
    margin-bottom: 22px;

    /* Neon Text Glow */
    color: #fff;
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.45);
}

/* Imagen Icono Central */
.gdtps-feature-panel .wp-block-image.is-resized img {
    display: block;
    width: min(240px, 72%) !important;
    height: auto !important;
    margin-inline: auto;

    /* Glow around icon */
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.15)) drop-shadow(0 16px 28px rgba(0, 0, 0, .5));
}


/* Botón */
.gdtps-feature-panel .wp-block-button__link {
    border: 0 !important;
    border-radius: 999px !important;
    padding: 14px 24px;
    min-height: 52px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    box-shadow:
        0 10px 24px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .18);
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

@media (hover:hover) {
    .gdtps-feature-panel .wp-block-button__link:hover {
        transform: translateY(-2px);
        filter: brightness(1.07);
        box-shadow:
            0 16px 34px rgba(0, 0, 0, .34),
            inset 0 1px 0 rgba(255, 255, 255, .20);
    }
}

/* Lista de Características */
.gdtps-feature-panel .wp-block-list {
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.gdtps-feature-panel .wp-block-list li {
    position: relative;
    padding: 12px 14px 12px 46px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .15);
    transition: all 0.25s ease;
}

.gdtps-feature-panel .wp-block-list li:hover {
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .25);
    transform: translateX(4px);
}

.gdtps-feature-panel .wp-block-list li::before {
    content: "✦";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #00f3ff;
    text-shadow: 0 0 10px rgba(0, 243, 255, .6);
    transition: transform 0.25s ease, color 0.25s ease;
}

.gdtps-feature-panel .wp-block-list li:hover::before {
    color: #fff;
    transform: translateY(-50%) rotate(90deg) scale(1.2);
}

/* Imagen grande derecha */
.gdtps-feature-panel .wp-block-image.size-large img {
    width: 100%;
    border-radius: 18px;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, .35),
        0 4px 16px rgba(0, 0, 0, .18);
    border: 1px solid rgba(255, 255, 255, .08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.gdtps-feature-panel .wp-block-image.size-large img:hover {
    transform: scale(1.025);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .5);
}

/* Responsive */
@media (max-width:980px) {

    .gdtps-feature-panel {
        min-height: auto;
    }

    .gdtps-feature-panel .wp-block-columns {
        gap: 0 !important;
        /* Eliminamos gap para que no separe al apilar */
    }

    .gdtps-feature-panel .wp-block-column {
        padding: 18px;
        margin-bottom: 0 !important;
        /* Removemos margen de columna de WP */
    }

}

@media (max-width:781px) {

    .gdtps-feature-panel {
        margin: 22px 0 34px;
    }

    .gdtps-feature-panel .wp-block-columns {
        gap: 0 !important;
    }

    .gdtps-feature-panel .wp-block-column {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .gdtps-feature-panel>.wp-block-cover__inner-container {
        width: min(100%, calc(100% - 24px));
        padding: 18px 0;
    }

    .gdtps-feature-panel .has-large-font-size {
        font-size: clamp(1.3rem, 7vw, 2rem) !important;
    }

    .gdtps-feature-panel .wp-block-button__link {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .gdtps-feature-panel .wp-block-image.is-resized img {
        width: min(200px, 70%) !important;
    }

}

/* =====================================================
   FooBox Modal
   Negro + glow morado arriba/abajo + blur
===================================================== */

.fbx-modal {
    background:
        radial-gradient(circle at top,
            rgba(120, 0, 255, 0.18) 0%,
            transparent 35%),
        radial-gradient(circle at bottom,
            rgba(120, 0, 255, 0.18) 0%,
            transparent 35%),
        linear-gradient(to bottom,
            rgba(0, 0, 0, 0.75) 0%,
            rgba(0, 0, 0, 0.90) 40%,
            rgba(0, 0, 0, 0.95) 50%,
            rgba(0, 0, 0, 0.92) 60%,
            rgba(0, 0, 0, 0.80) 100%) !important;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    background-color: transparent !important;
}





/* =====================================================
   FooGallery Viewer Controls
   Fondo transparente + texto blanco
===================================================== */

.fiv-ctrls {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== Texto general ===== */

.fiv-ctrls,
.fiv-ctrls label,
.fiv-ctrls span {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* ===== Botones prev / next ===== */

.fiv-prev,
.fiv-next {
    color: #ffffff !important;
    font-weight: 900 !important;
    background: transparent !important;
}

/* ===== Iconos de flecha ===== */

.fiv-prev::before,
.fiv-prev::after,
.fiv-next::before,
.fiv-next::after {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* ===== Contador ===== */

.fiv-count-current,
.fiv-count-total {
    color: #ffffff !important;
    font-weight: 900 !important;
}


/* =====================================================
   FooGallery Image Viewer Controls
===================================================== */

.fg-image-viewer .fiv-inner .fiv-ctrls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* =====================================================
   Botones prev / next
===================================================== */

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next {

    color: #ffffff !important;
    font-weight: 900 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    min-width: 80px;
    height: 100%;

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

    cursor: pointer;

    transition:
        background-color .18s ease,
        transform .14s ease,
        opacity .18s ease,
        box-shadow .18s ease !important;

    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}


/* =====================================================
   Ocultar texto next / previous
===================================================== */

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev span,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next span {

    text-indent: -9999px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    display: block !important;
}


/* =====================================================
   Flecha base (subida 3px)
===================================================== */

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev::before,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next::before {

    transform: translateY(-3px) !important;
    transition: none !important;
}

/* evitar que el hover del plugin mueva la flecha */

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev:hover::before,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev:focus::before,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next:hover::before,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next:focus::before {

    transform: translateY(-3px) !important;
    transition: none !important;
}


/* =====================================================
   Hover suave (solo mouse)
===================================================== */

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

    .fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev:hover,
    .fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next:hover {

        background: rgba(255, 255, 255, .08) !important;
        transform: scale(1.04) !important;

        box-shadow:
            0 0 0 1px rgba(255, 255, 255, .04) !important;
    }
}


/* =====================================================
   Tap / click
===================================================== */

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev:active,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next:active {

    background: rgba(255, 255, 255, .14) !important;
    transform: scale(.94) !important;
    box-shadow: none !important;
}


/* =====================================================
   Focus accesibilidad teclado
===================================================== */

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev:focus-visible,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next:focus-visible {

    box-shadow:
        0 0 0 2px rgba(255, 255, 255, .18) !important;
}


/* =====================================================
   Contador
===================================================== */

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-count {

    color: #ffffff !important;
    font-weight: 900 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    display: flex;
    align-items: center;
    gap: 4px;
}

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-count-current,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-count-total {

    color: #ffffff !important;
    font-weight: 900 !important;
}


/* =====================================================
   Rebote suave en flechas
===================================================== */

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

    .fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev:hover::before,
    .fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next:hover::before {

        animation: fiv-arrow-bounce .45s ease !important;
    }
}

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev:active::before,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next:active::before {

    animation: fiv-arrow-bounce-press .22s ease !important;
}


/* =====================================================
   Animaciones
===================================================== */

@keyframes fiv-arrow-bounce {

    0% {
        transform: translateY(-3px);
    }

    30% {
        transform: translateY(-6px);
    }

    55% {
        transform: translateY(-3px);
    }

    75% {
        transform: translateY(-4.5px);
    }

    100% {
        transform: translateY(-3px);
    }

}

@keyframes fiv-arrow-bounce-press {

    0% {
        transform: translateY(-3px) scale(1);
    }

    50% {
        transform: translateY(-2px) scale(.92);
    }

    100% {
        transform: translateY(-3px) scale(1);
    }

}

/* =====================================================
   FooGallery Panel
   Negro + glow morado / azul (cyberpunk)
===================================================== */

.fg-panel {

    background:
        radial-gradient(circle at top,
            rgba(120, 0, 255, 0.18) 0%,
            transparent 35%),
        radial-gradient(circle at bottom,
            rgba(120, 0, 255, 0.18) 0%,
            transparent 35%),
        linear-gradient(to bottom,
            rgba(0, 0, 0, 0.75) 0%,
            rgba(0, 0, 0, 0.90) 40%,
            rgba(0, 0, 0, 0.95) 50%,
            rgba(0, 0, 0, 0.92) 60%,
            rgba(0, 0, 0, 0.80) 100%) !important;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    background-color: transparent !important;
}

/* ===== Hover botón close FooBox ===== */
@media (hover:hover) and (pointer:fine) {
    .fbx-close:hover {
        background: rgba(255, 255, 255, 0.08) !important;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
        transform: scale(1.05) !important;
    }

    .fbx-close:hover .fbx-icon,
    .fbx-close:hover svg,
    .fbx-close:hover path {
        color: #ffffff !important;
        fill: #ffffff !important;
    }
}

/* ===== Hover botón close FooBox ===== */
@media (hover:hover) and (pointer:fine) {

    .fbx-modal button.fbx-close:hover {
        background: #641EBD !important;
        background-color: #641EBD !important;
    }

    .fbx-modal .fbx-close:hover {
        background: #641EBD !important;
        background-color: #641EBD !important;
        border-color: rgba(255, 255, 255, 0.35) !important;
        transform: scale(1.05) !important;
    }

    .fbx-modal .fbx-close:hover svg path {
        fill: #ffffff !important;
    }

}

/* ===== Hover botones panel FooGallery ===== */
@media (hover:hover) and (pointer:fine) {

    .fg-panel-buttons .fg-panel-button:hover,
    .fg-panel-button-next:hover,
    .fg-panel-button-prev:hover {
        background: #641EBD !important;
        border-color: rgba(255, 255, 255, 0.35) !important;
    }

    .fg-panel-buttons .fg-panel-button:hover svg,
    .fg-panel-buttons .fg-panel-button:hover path,
    .fg-panel-button-next:hover svg,
    .fg-panel-button-next:hover path,
    .fg-panel-button-prev:hover svg,
    .fg-panel-button-prev:hover path {
        fill: #ffffff !important;
        color: #ffffff !important;
    }

}

.gap-shaders {
    gap: 10px !important;
}


/* ===== Banner Panorámico Full Width para Entradas ===== */
.single .post-thumbnail {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    height: 400px !important;
    /* Altura compacta tipo banner */
    overflow: hidden !important;
    display: block !important;
}

/* Imagen recortada panorámica */
.single .post-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 35% !important;
    /* Centra los iconos principales */
    display: block !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Capa de degradado cinematográfico para integrarlo al fondo negro */
.single .post-thumbnail::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg,
            rgba(10, 10, 10, 0.4) 0%,
            rgba(10, 10, 10, 0.1) 40%,
            rgba(10, 10, 10, 0.85) 85%,
            rgba(10, 10, 10, 1) 100%) !important;
    pointer-events: none !important;
}

/* En pantallas móviles se reduce un poco el alto para no comer espacio */
@media (max-width: 768px) {
    .single .post-thumbnail {
        height: 190px !important;
    }
}

/* ===== 1. Cabecera en Ancho Amplio (Alignwide) ===== */
body.single .entry-header,
body.single .entry-header.responsive-max-width {
    max-width: 1100px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Permitir que el título use el ancho disponible sin tocar su tamaño */
body.single .entry-header .entry-title {
    max-width: 100% !important;
    margin-bottom: 12px !important;
}

/* ===== 2. Ocultar ÚNICAMENTE al autor ===== */
body.single .entry-meta .byline {
    display: none !important;
}

/* ===== 3. Distribuir fecha, categorías y tags en el ancho amplio ===== */
body.single .entry-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    max-width: 100% !important;
    margin: 8px auto 20px auto !important;
    padding: 0 !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Enlaces limpios para fecha, categorías y tags */
body.single .entry-meta a {
    color: rgba(255, 255, 255, 0.85) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

body.single .entry-meta a:hover {
    color: #00f3ff !important;
}

/* Iconos SVG alineados sutilmente */
body.single .entry-meta svg {
    vertical-align: text-bottom !important;
    fill: currentColor !important;
    margin-right: 4px !important;
    opacity: 0.6 !important;
}

/* Ajuste móvil solo para los metadatos */
@media (max-width: 768px) {
    body.single .entry-meta {
        gap: 10px !important;
        font-size: 12px !important;
    }
}

/* ===== 4. Jetpack Related Posts: Estilo Glassmorphism (Natural flow) ===== */
nav.jp-relatedposts-i2 {
    display: block !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 48px auto 20px auto !important;
    padding: 0 20px !important;
    clear: both !important;
    box-sizing: border-box !important;
}

nav.jp-relatedposts-i2 .jp-related-posts-i2__list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

nav.jp-relatedposts-i2 .jp-related-posts-i2__post {
    display: flex !important;
    flex-direction: column !important;
    padding: 16px !important;
    border-radius: 12px !important;
    background: linear-gradient(rgba(10, 15, 35, .5), rgba(10, 15, 35, .5)) padding-box,
        linear-gradient(135deg, rgba(0, 243, 255, .18), rgba(255, 42, 133, .18)) border-box !important;
    border: 1px solid transparent !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    overflow: hidden !important;
    transition: background 0.3s ease, border-color 0.2s ease, transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease !important;
}

/* Efecto Hover idéntico a tu Glass Card */
nav.jp-relatedposts-i2 .jp-related-posts-i2__post:hover {
    background: linear-gradient(rgba(10, 15, 35, .5), rgba(10, 15, 35, .5)) padding-box,
        linear-gradient(135deg, rgba(0, 243, 255, .35), rgba(255, 42, 133, .35)) border-box !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 35px rgba(0, 243, 255, 0.12) !important;
}

nav.jp-relatedposts-i2 .jp-related-posts-i2__post-img {
    width: 100% !important;
    height: 160px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

nav.jp-relatedposts-i2 .jp-related-posts-i2__post:hover .jp-related-posts-i2__post-img {
    transform: scale(1.03) !important;
}

nav.jp-relatedposts-i2 .jp-related-posts-i2__post-link {
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 900 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    margin-bottom: 6px !important;
    /* Espacio natural antes de la categoría */
}

nav.jp-relatedposts-i2 .jp-related-posts-i2__post:hover .jp-related-posts-i2__post-link {
    color: #00f3ff !important;
}

/* Se elimina el margin-top: auto para que fluya justo debajo del título sin padding forzado */
nav.jp-relatedposts-i2 .jp-related-posts-i2__post-defs {
    margin-top: 0 !important;
    padding-left: 0 !important;
    font-size: 0.8rem !important;
    color: #799bbb !important;
}

/* Diseño adaptable para móviles (1 columna) */
@media (max-width: 768px) {
    nav.jp-relatedposts-i2 {
        padding: 0 12px !important;
    }

    nav.jp-relatedposts-i2 .jp-related-posts-i2__list {
        grid-template-columns: 1fr !important;
    }
}

/* ===== Forzar a que la categoría/subtítulo no tenga sangría (padding/margin left) ===== */
nav.jp-relatedposts-i2 .jp-related-posts-i2__post-defs,
nav.jp-relatedposts-i2 dd {
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    margin-inline-start: 0 !important;
}

/* ===== Apartir de aquí el cambio para el carousel de Spectra ===== */

/* ==========================================================================
   CAROUSEL UAGB: ANCHO MASIVO DE PANTALLA COMPLETA & ESTILOS GLASSMORPHISM
   ========================================================================== */

/* 1. Forzar ancho completo masivo (Full Width) real de pantalla con margen superior y sin padding externo */
.wp-block-uagb-post-carousel.uagb-slick-carousel,
.uagb-slick-carousel {
    padding: 0 !important;
}

.wp-block-uagb-post-carousel.uagb-slick-carousel {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-top: 45px !important;
    margin-bottom: 35px !important;
}

/* Evitar que el truco de 100vw desborde y ensanche el lienzo exclusivamente dentro del Editor de WordPress */
.editor-styles-wrapper .wp-block-uagb-post-carousel.uagb-slick-carousel,
.block-editor-block-list__layout .wp-block-uagb-post-carousel.uagb-slick-carousel,
.block-editor-page .wp-block-uagb-post-carousel.uagb-slick-carousel,
.wp-admin .wp-block-uagb-post-carousel.uagb-slick-carousel {
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 1.1. Modificador para Ancho Amplio (Alignwide / 1100px) - Solo en Tablet y PC (>= 769px), sin alterar Android/Móvil */
@media (min-width: 769px) {

    .wp-block-uagb-post-carousel.uagb-slick-carousel.carousel-alignwide,
    .wp-block-uagb-post-carousel.uagb-slick-carousel.alignwide {
        padding: 0 !important;
        width: min(1100px, calc(100% - 48px)) !important;
        max-width: 1100px !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .wp-block-uagb-post-carousel.carousel-alignwide .slick-list,
    .wp-block-uagb-post-carousel.alignwide .slick-list {
        padding: 0px 30px !important;
    }

    .wp-block-uagb-post-carousel.carousel-alignwide .slick-prev,
    .wp-block-uagb-post-carousel.alignwide .slick-prev {
        left: 4px !important;
    }

    .wp-block-uagb-post-carousel.carousel-alignwide .slick-next,
    .wp-block-uagb-post-carousel.alignwide .slick-next {
        right: 4px !important;
    }

    /* Reducción del 20% del botón (recuadro de 60px a 48px) y flecha (SVG de 20px a 16px) en Tablet y PC */
    .wp-block-uagb-post-carousel.carousel-alignwide .slick-prev,
    .wp-block-uagb-post-carousel.alignwide .slick-prev,
    .wp-block-uagb-post-carousel.carousel-alignwide .slick-next,
    .wp-block-uagb-post-carousel.alignwide .slick-next {
        width: 48px !important;
        height: 48px !important;
        border-radius: 10px !important;
    }

    .wp-block-uagb-post-carousel.carousel-alignwide .slick-prev svg,
    .wp-block-uagb-post-carousel.alignwide .slick-prev svg,
    .wp-block-uagb-post-carousel.carousel-alignwide .slick-next svg,
    .wp-block-uagb-post-carousel.alignwide .slick-next svg {
        width: 28px !important;
        height: 28px !important;
    }

    .wp-block-uagb-post-carousel.carousel-alignwide .slick-prev:before,
    .wp-block-uagb-post-carousel.alignwide .slick-prev:before,
    .wp-block-uagb-post-carousel.carousel-alignwide .slick-next:before,
    .wp-block-uagb-post-carousel.alignwide .slick-next:before {
        font-size: 16px !important;
    }
}

/* 2. Contenedor interno extendido al 100% con padding vertical en 0 y horizontal en 45px */
.wp-block-uagb-post-carousel .slick-list {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0px 45px !important;
    box-sizing: border-box !important;
    height: auto !important;
    /* Vital: Anula el style="height:...px" inline de Slick/Spectra para evitar recortes al cambiar de pantalla o resolución */
}

/* 2.1. Igualar alturas automáticamente con Flexbox puro (Equal Height real) */
.wp-block-uagb-post-carousel .slick-track {
    display: flex !important;
    align-items: stretch !important;
}

.wp-block-uagb-post-carousel .slick-slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Espaciado horizontal y contenedor real de la tarjeta (.slick-slide > div) */
.wp-block-uagb-post-carousel .slick-slide>div {
    padding: 0 12px !important;
    box-sizing: border-box !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* 4. Ocultar el parpadeo inicial (FOUC) al cargar */
.wp-block-uagb-post-carousel.uagb-slick-carousel:not(.slick-initialized) {
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.wp-block-uagb-post-carousel.slick-initialized {
    opacity: 1 !important;
    transition: opacity 0.4s ease-in !important;
}

/* 5. Estilo Glassmorphism con el degradado exacto de tu tarjeta de creador */
.wp-block-uagb-post-carousel .slick-slide>div>article.uagb-post__inner-wrap {
    padding: 0 16px 16px 16px !important;
    border-radius: 12px !important;
    background: linear-gradient(rgba(10, 15, 35, .5), rgba(10, 15, 35, .5)) padding-box,
        linear-gradient(135deg, rgba(0, 243, 255, .18), rgba(255, 42, 133, .18)) border-box !important;
    border: 1px solid transparent !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-sizing: border-box !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    transition: background .3s ease, border-color .2s ease !important;
}

/* Estado Hover con el degradado intensificado y cero desplazamientos */
.wp-block-uagb-post-carousel .slick-slide>div>article.uagb-post__inner-wrap:hover {
    background: linear-gradient(rgba(10, 15, 35, .5), rgba(10, 15, 35, .5)) padding-box,
        linear-gradient(135deg, rgba(0, 243, 255, .35), rgba(255, 42, 133, .35)) border-box !important;
    transform: none !important;
}

/* Limpiar contenedor nativo de Spectra */
.wp-block-uagb-post-carousel .uagb-post__inner-wrap {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* 6. Miniatura ocupando el 100% del ancho con proporción 16:9 */
.wp-block-uagb-post-carousel .uagb-post__image {
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    border-radius: 12px 12px 0 0 !important;
    margin-bottom: 12px !important;
    border: none !important;
    flex-shrink: 0 !important;
}

.wp-block-uagb-post-carousel .uagb-post__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 !important;
    display: block !important;
}

/* 7. Tipografía de títulos (Responsiva: más grande en PC, compacta en móvil) */
.wp-block-uagb-post-carousel .uagb-post__title {
    margin-top: 0 !important;
}

.wp-block-uagb-post-carousel .uagb-post__title a {
    color: rgba(255, 255, 255, .95) !important;
    font-weight: 900 !important;
    font-size: 0.92rem !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

@media (min-width: 769px) {
    .wp-block-uagb-post-carousel .uagb-post__title a {
        font-size: 1.05rem !important;
    }
}

.wp-block-uagb-post-carousel .uagb-post__title a:hover {
    color: #00f3ff !important;
}

/* 7.1. Estilo para las etiquetas (Taxonomías) pegadas justo debajo del título */
.wp-block-uagb-post-carousel .uagb-post-grid-byline {
    margin-bottom: 0 !important;
}

.wp-block-uagb-post-carousel .uagb-post__taxonomy,
.wp-block-uagb-post-carousel .uagb-post__taxonomy .dashicons {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 12px !important;
}

.wp-block-uagb-post-carousel .uagb-post__taxonomy a {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.wp-block-uagb-post-carousel .uagb-post__taxonomy a:hover {
    color: #00f3ff !important;
}

/* 8. Botón de Download: Anclado al fondo con espaciado inferior proporcional al ancho de pantalla */
.wp-block-uagb-post-carousel .wp-block-button.uagb-post__cta,
.wp-block-uagb-post-carousel .uagb-post__cta {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 26px !important;
    /* Full HD estándar (1920px) */
}

/* Monitores Quad HD / 2K (2560px o superiores) */
@media (min-width: 2000px) {

    .wp-block-uagb-post-carousel .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel .uagb-post__cta {
        padding-bottom: 36px !important;
        /* Quad HD (2560px) calibrado */
    }
}

/* Laptops y pantallas intermedias (hasta 1440px) */
@media (max-width: 1440px) {

    .wp-block-uagb-post-carousel .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel .uagb-post__cta {
        padding-bottom: 20px !important;
    }
}

/* Tablets (hasta 976px) */
@media (max-width: 976px) {

    .wp-block-uagb-post-carousel .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel .uagb-post__cta {
        padding-bottom: 15px !important;
    }
}

/* Móviles / Android (hasta 768px) */
@media (max-width: 768px) {

    .wp-block-uagb-post-carousel .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel .uagb-post__cta {
        padding-bottom: 10px !important;
    }
}

/* 8.1. Paddings inferiores reducidos un 60% para carruseles de Ancho Amplio (carousel-alignwide) */
.wp-block-uagb-post-carousel.carousel-alignwide .wp-block-button.uagb-post__cta,
.wp-block-uagb-post-carousel.carousel-alignwide .uagb-post__cta,
.wp-block-uagb-post-carousel.alignwide .wp-block-button.uagb-post__cta,
.wp-block-uagb-post-carousel.alignwide .uagb-post__cta {
    padding-bottom: 10px !important;
    /* Full HD (26px reducido un 60%) */
}

/* Monitores Quad HD / 2K para Ancho Amplio */
@media (min-width: 2000px) {

    .wp-block-uagb-post-carousel.carousel-alignwide .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel.carousel-alignwide .uagb-post__cta,
    .wp-block-uagb-post-carousel.alignwide .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel.alignwide .uagb-post__cta {
        padding-bottom: 14px !important;
        /* Quad HD (36px reducido un 60%) */
    }
}

/* Laptops y pantallas intermedias para Ancho Amplio */
@media (max-width: 1440px) {

    .wp-block-uagb-post-carousel.carousel-alignwide .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel.carousel-alignwide .uagb-post__cta,
    .wp-block-uagb-post-carousel.alignwide .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel.alignwide .uagb-post__cta {
        padding-bottom: 8px !important;
        /* Laptops (20px reducido un 60%) */
    }
}

/* Tablets para Ancho Amplio */
@media (max-width: 976px) {

    .wp-block-uagb-post-carousel.carousel-alignwide .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel.carousel-alignwide .uagb-post__cta,
    .wp-block-uagb-post-carousel.alignwide .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel.alignwide .uagb-post__cta {
        padding-bottom: 6px !important;
        /* Tablets (15px reducido un 60%) */
    }
}

/* Móviles / Android para Ancho Amplio (mantiene los 10px originales del carrusel) */
@media (max-width: 768px) {

    .wp-block-uagb-post-carousel.carousel-alignwide .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel.carousel-alignwide .uagb-post__cta,
    .wp-block-uagb-post-carousel.alignwide .wp-block-button.uagb-post__cta,
    .wp-block-uagb-post-carousel.alignwide .uagb-post__cta {
        padding-bottom: 10px !important;
    }
}

.wp-block-uagb-post-carousel .wp-block-button__link.uagb-text-link,
.wp-block-uagb-post-carousel .wp-block-button__link.uagb-text-link:visited {
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.wp-block-uagb-post-carousel .wp-block-button__link.uagb-text-link:hover,
.wp-block-uagb-post-carousel .wp-block-button__link.uagb-text-link:focus,
.wp-block-uagb-post-carousel .wp-block-button__link.uagb-text-link:active {
    color: #ffffff !important;
    background-color: initial !important;
    opacity: 0.95 !important;
}

/* Icono SVG de descarga por defecto (móvil) con ajuste óptico de alineación */
.wp-block-uagb-post-carousel .wp-block-button__link.uagb-text-link::before {
    content: "" !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    position: relative !important;
    top: -1px !important;
    flex-shrink: 0 !important;
    background-color: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* Icono de descarga a 20px específicamente para PC y Tablets (> 768px) */
@media (min-width: 769px) {
    .wp-block-uagb-post-carousel .wp-block-button__link.uagb-text-link::before {
        width: 20px !important;
        height: 20px !important;
        top: -1.5px !important;
    }
}

/* 9. Flechas de navegación responsivas (Compactas en móviles a 40px, completas en PC a 60px) */
.wp-block-uagb-post-carousel .slick-prev,
.wp-block-uagb-post-carousel .slick-next {
    z-index: 10 !important;
    width: 40px !important;
    height: 40px !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.2s ease !important;
}

.wp-block-uagb-post-carousel .slick-prev {
    left: 12px !important;
}

.wp-block-uagb-post-carousel .slick-next {
    right: 12px !important;
}

/* Escalado para PC y tablets grandes */
@media (min-width: 769px) {

    .wp-block-uagb-post-carousel .slick-prev,
    .wp-block-uagb-post-carousel .slick-next {
        width: 60px !important;
        height: 60px !important;
        border-radius: 12px !important;
    }

    .wp-block-uagb-post-carousel .slick-prev {
        left: 20px !important;
    }

    .wp-block-uagb-post-carousel .slick-next {
        right: 20px !important;
    }
}

/* Estado Hover: sube la opacidad del recuadro negro al 65% */
.wp-block-uagb-post-carousel .slick-prev:hover,
.wp-block-uagb-post-carousel .slick-next:hover {
    background-color: rgba(0, 0, 0, 0.65) !important;
    background: rgba(0, 0, 0, 0.65) !important;
}

/* 10. Paginación (Dots) limpia, sin resplandor (box-shadow) y sin margen superior */
.wp-block-uagb-post-carousel .slick-dots {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.wp-block-uagb-post-carousel .slick-dots li {
    margin: 0 !important;
    padding: 0 8px !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.wp-block-uagb-post-carousel .slick-dots li button {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.3) !important;
    border: none !important;
    text-indent: -9999px !important;
    padding: 0 !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

.wp-block-uagb-post-carousel .slick-dots li.slick-active button {
    width: 26px !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

/* Eliminar márgenes laterales molestos de Spectra en textos/etiquetas exclusivamente para carruseles mini / ancho amplio (1100px) en todas las pantallas */
.wp-block-uagb-post-carousel.carousel-alignwide .uagb-post__inner-wrap .uagb-post__text:not(.highlighted),
.wp-block-uagb-post-carousel.alignwide .uagb-post__inner-wrap .uagb-post__text:not(.highlighted),
.wp-block-uagb-post-carousel.carousel-alignwide .uagb-post__text,
.wp-block-uagb-post-carousel.alignwide .uagb-post__text {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/* Ajuste de margen inferior exclusivo para Android / Móviles */
@media screen and (max-width: 768px) {
    .wp-block-uagb-post-carousel.uagb-slick-carousel {
        margin-top: 0px !important;
    }
}

/* Eliminar margen superior de 32px en el bloque de botones ("More Texture Packs") posterior al carrusel */
@media only screen and (min-width: 560px) {

    .wp-block-cover .wp-block-cover__inner-container>.wp-block-uagb-buttons.uagb-block-1a35fbd0,
    .wp-block-cover-image .wp-block-cover__inner-container>.wp-block-uagb-buttons.uagb-block-1a35fbd0,
    .wp-block-uagb-buttons.uagb-block-1a35fbd0 {
        margin-top: 0px !important;
    }
}

/* ==========================================================================
   POST GRID UAGB: ANCHO CONTROLADO & ESTRUCTURA FLUIDA ON BOTTOM
   ========================================================================== */

/* 1. Ancho controlado a 1100px máximo con margen de seguridad lateral en tablets (24px a cada lado) */
.wp-block-uagb-post-grid.uagb-post-grid {
    width: min(1100px, calc(100% - 48px)) !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;

    box-sizing: border-box !important;
}

/* 2. Estilo Glassmorphism con altura mínima para estandarizar las cards */
.wp-block-uagb-post-grid .uagb-post__inner-wrap {
    padding: 0 16px 16px 16px !important;
    border-radius: 12px !important;
    background: linear-gradient(rgba(10, 15, 35, .5), rgba(10, 15, 35, .5)) padding-box,
        linear-gradient(135deg, rgba(0, 243, 255, .18), rgba(255, 42, 133, .18)) border-box !important;
    border: 1px solid transparent !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 380px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    transition: background .3s ease, border-color .2s ease !important;
}

/* Estado Hover con el degradado intensificado y cero desplazamientos */
.wp-block-uagb-post-grid .uagb-post__inner-wrap:hover {
    background: linear-gradient(rgba(10, 15, 35, .5), rgba(10, 15, 35, .5)) padding-box,
        linear-gradient(135deg, rgba(0, 243, 255, .35), rgba(255, 42, 133, .35)) border-box !important;
    transform: none !important;
}

/* 3. Miniatura con proporción 16:9 */
.wp-block-uagb-post-grid .uagb-post__image {
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    border-radius: 12px 12px 0 0 !important;
    margin-bottom: 12px !important;
    border: none !important;
}

.wp-block-uagb-post-grid .uagb-post__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 !important;
    display: block !important;
}

/* 4. Títulos de hasta 3 líneas */
.wp-block-uagb-post-grid .uagb-post__title a {
    color: rgba(255, 255, 255, .95) !important;
    font-weight: 900 !important;
    font-size: 0.88rem !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

@media (min-width: 769px) {
    .wp-block-uagb-post-grid .uagb-post__title a {
        font-size: 0.96rem !important;
    }
}

.wp-block-uagb-post-grid .uagb-post__title a:hover {
    color: #00f3ff !important;
}

/* 5. Títulos y etiquetas compactos y pegados arriba */
.wp-block-uagb-post-grid .uagb-post__text {
    margin: 2px 0 !important;
}

.wp-block-uagb-post-grid .uagb-post-grid-byline {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    /* Quita el margen inferior para que actúe como un bloque unificado con el título */
}

.wp-block-uagb-post-grid .uagb-post__taxonomy,
.wp-block-uagb-post-grid .uagb-post__taxonomy .dashicons {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 11px !important;
}

.wp-block-uagb-post-grid .uagb-post__taxonomy a {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 11px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.wp-block-uagb-post-grid .uagb-post__taxonomy a:hover {
    color: #00f3ff !important;
}

/* 6. Espacio flexible intermedio y botón de descarga respetado y anclado al fondo */
.wp-block-uagb-post-grid .wp-block-button.uagb-post__cta,
.wp-block-uagb-post-grid .uagb-post__cta {
    margin-top: auto !important;
    /* Empuja el botón siempre al fondo de la tarjeta */
    margin-bottom: 0 !important;
}

.wp-block-uagb-post-grid .wp-block-button__link.uagb-text-link:hover {
    color: #00f3ff !important;
    /* Solo aseguramos un hover claro y limpio */
}

/* 7. Paginación estilizada y centrada con diseño Glassmorphism */
.wp-block-uagb-post-grid .uagb-post-pagination-wrap {
    margin-top: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    grid-column: 1 / -1 !important;
}

.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.page-numbers,
.wp-block-uagb-post-grid .uagb-post-pagination-wrap span.page-numbers,
.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.next,
.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.prev {
    padding: 8px 14px !important;
    border-radius: 8px !important;
    background: rgba(10, 15, 35, 0.6) !important;
    border: 1px solid rgba(0, 243, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.2s ease !important;
}

.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.page-numbers:hover,
.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.next:hover,
.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.prev:hover {
    background: rgba(10, 15, 35, 0.9) !important;
    border-color: rgba(0, 243, 255, 0.6) !important;
    color: #00f3ff !important;
}

.wp-block-uagb-post-grid .uagb-post-pagination-wrap span.page-numbers.current {
    background: linear-gradient(135deg, rgba(0, 243, 255, 0.25), rgba(255, 42, 133, 0.25)) !important;
    border: 1px solid #00f3ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(0, 243, 255, 0.3) !important;
}

.uagb-block-2c00704c .uagb-post__title {
    padding-bottom: 0px !important;
}

/* ==========================================================================
   CONTENEDOR GENERAL DE FILTROS GLASSMORPHISM (MAX-WIDTH 1100px)
   ========================================================================== */

.texture-filters-container {
    width: min(1100px, calc(100% - 48px)) !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 16px !important;
    border-radius: 12px !important;
    background: linear-gradient(rgba(10, 15, 35, .5), rgba(10, 15, 35, .5)) padding-box,
        linear-gradient(135deg, rgba(0, 243, 255, .18), rgba(255, 42, 133, .18)) border-box !important;
    border: 1px solid transparent !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-sizing: border-box !important;
    margin-bottom: 35px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* Cabecera interna ("Filters") en su propia fila */
.texture-filters-header {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.filter-header-left {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    line-height: 1 !important;
}

.filter-main-icon {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-color: #00f3ff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center / contain !important;
    flex-shrink: 0 !important;
    position: relative !important;
    top: 2px !important;
}

.filter-title-text {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fila inferior para los botones de versión */
.texture-filters-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}

/* Estilo de los Botones de Filtro con icono de Cubo */
.texture-filters-wrap .filter-btn {
    padding: 8px 16px 8px 36px !important;
    border-radius: 8px !important;
    background: rgba(10, 15, 35, 0.6) !important;
    border: 1px solid rgba(0, 243, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    position: relative !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.25s ease !important;
}

.texture-filters-wrap .filter-btn::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 14px !important;
    height: 14px !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'%3E%3C/path%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'%3E%3C/polyline%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'%3E%3C/path%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'%3E%3C/polyline%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain !important;
    transition: background-color 0.25s ease !important;
}

.texture-filters-wrap .filter-btn:hover {
    background: rgba(10, 15, 35, 0.9) !important;
    border-color: rgba(0, 243, 255, 0.6) !important;
    color: #00f3ff !important;
}

.texture-filters-wrap .filter-btn:hover::before {
    background-color: #00f3ff !important;
}

.texture-filters-wrap .filter-btn.active {
    background: linear-gradient(135deg, rgba(0, 243, 255, 0.25), rgba(255, 42, 133, 0.25)) !important;
    border: 1px solid #00f3ff !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.texture-filters-wrap .filter-btn.active::before {
    background-color: #ffffff !important;
}

/* En Desktop: ocultar elementos exclusivos del menú desplegable móvil */
.filter-expandable-drawer,
.filter-active-pill,
.filter-sheet-arrow {
    display: none !important;
}

/* ==========================================================================
   VERSIÓN MÓVIL: BARRA HORIZONTAL CON CHIPS + MENÚ ACORDEÓN INTEGRADO (SIN POPUPS)
   ========================================================================== */
@media screen and (max-width: 768px) {

    .texture-filters-container,
    .wp-block-uagb-post-grid.uagb-post-grid {
        width: 100% !important;
        max-width: calc(640px - 32px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .texture-filters-container {
        padding: 10px 12px !important;
        margin-bottom: 24px !important;
        border-radius: 14px !important;
        position: relative !important;
        gap: 8px !important;
        transition: max-height 0.3s ease !important;
    }

    /* Cabecera interactiva que actúa como botón táctil para expandir/colapsar */
    .texture-filters-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 2px 4px 6px 4px !important;
        margin-bottom: 0 !important;
        cursor: pointer !important;
        user-select: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        transition: all 0.2s ease !important;
    }

    .texture-filters-header:active {
        opacity: 0.8 !important;
    }

    .texture-filters-header.is-open .filter-sheet-arrow {
        transform: rotate(180deg) !important;
        color: #00f3ff !important;
    }

    .filter-header-left {
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        line-height: 1 !important;
    }

    .filter-title-text {
        font-size: 0.82rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.5px !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .filter-main-icon {
        width: 14px !important;
        height: 14px !important;
        flex-shrink: 0 !important;
        position: relative !important;
        top: 1.5px !important;
    }

    /* Badge píldora con la versión activa y flecha interactiva */
    .filter-header-right {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .filter-active-pill {
        display: inline-flex !important;
        align-items: center !important;
        padding: 3px 9px !important;
        border-radius: 999px !important;
        font-size: 0.72rem !important;
        font-weight: 700 !important;
        color: #00f3ff !important;
        background: rgba(0, 243, 255, 0.12) !important;
        border: 1px solid rgba(0, 243, 255, 0.3) !important;
    }

    .filter-sheet-arrow {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: rgba(255, 255, 255, 0.6) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease !important;
    }

    /* Pista de deslizamiento horizontal ultra fluido para acceso rápido */
    .texture-filters-wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        gap: 8px !important;
        padding: 4px 28px 4px 2px !important;
        max-height: 50px !important;
        opacity: 1 !important;
        mask-image: linear-gradient(to right, black 85%, transparent 100%) !important;
        -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%) !important;
        transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease, padding 0.25s ease, margin 0.25s ease !important;
    }

    /* Al expandir el menú desplegable, ocultamos los chips horizontales para evitar redundancia cognitiva */
    .texture-filters-header.is-open+.texture-filters-wrap {
        max-height: 0 !important;
        opacity: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }

    .texture-filters-wrap::-webkit-scrollbar {
        display: none !important;
    }

    /* Chips compactos táctiles */
    .texture-filters-wrap .filter-btn {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        padding: 6px 13px 6px 28px !important;
        font-size: 0.76rem !important;
        border-radius: 20px !important;
    }

    .texture-filters-wrap .filter-btn::before {
        left: 10px !important;
        width: 11px !important;
        height: 11px !important;
    }

    /* ==========================================================================
       MENÚ DESPLEGABLE INTEGRADO (ACORDEÓN EXPANDIBLE - SIN POPUPS NI VENTANAS)
       ========================================================================== */
    .filter-expandable-drawer {
        display: block !important;
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        transform: translateY(-6px) !important;
        transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, transform 0.25s ease, margin 0.25s ease !important;
        margin-top: 0 !important;
        width: 100% !important;
    }

    .filter-expandable-drawer.is-expanded {
        max-height: 900px !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        margin-top: 6px !important;
    }

    .filter-drawer-inner {
        padding-top: 6px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .drawer-header-hint {
        font-size: 0.72rem !important;
        color: rgba(255, 255, 255, 0.5) !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 2px !important;
    }

    /* Lista vertical de opciones en el acordeón */
    .sheet-options-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        max-height: 380px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-right: 2px !important;
    }

    .sheet-option-item {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 10px 12px !important;
        border-radius: 12px !important;
        background: rgba(10, 15, 35, 0.7) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        text-decoration: none !important;
        color: rgba(255, 255, 255, 0.85) !important;
        transition: all 0.2s ease !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .sheet-option-item:active {
        background: rgba(0, 243, 255, 0.12) !important;
        border-color: rgba(0, 243, 255, 0.4) !important;
    }

    .sheet-item-left {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .sheet-cube-icon {
        width: 17px !important;
        height: 17px !important;
        background-color: rgba(255, 255, 255, 0.5) !important;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'%3E%3C/path%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'%3E%3C/polyline%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain !important;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'%3E%3C/path%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'%3E%3C/polyline%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain !important;
        flex-shrink: 0 !important;
    }

    .sheet-item-texts {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
    }

    .sheet-item-name {
        font-size: 0.84rem !important;
        font-weight: 700 !important;
        color: #ffffff !important;
    }

    .sheet-item-desc {
        font-size: 0.70rem !important;
        color: rgba(255, 255, 255, 0.45) !important;
    }

    /* Checkmark radio */
    .sheet-radio-check {
        width: 17px !important;
        height: 17px !important;
        border-radius: 50% !important;
        border: 2px solid rgba(255, 255, 255, 0.25) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        transition: all 0.2s ease !important;
    }

    /* Estado Activo en las opciones */
    .sheet-option-item.active {
        background: linear-gradient(135deg, rgba(0, 243, 255, 0.18), rgba(255, 42, 133, 0.18)) !important;
        border-color: #00f3ff !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .sheet-option-item:active,
    .sheet-option-item:focus {
        box-shadow: none !important;
        outline: none !important;
    }

    .sheet-option-item.active .sheet-cube-icon {
        background-color: #00f3ff !important;
    }

    .sheet-option-item.active .sheet-item-name {
        color: #00f3ff !important;
    }

    .sheet-option-item.active .sheet-radio-check {
        border-color: rgba(0, 243, 255, 1) !important;
        background-color: rgba(255, 255, 255, 0.15) !important;
        box-shadow: none !important;
    }

    .sheet-option-item.active .sheet-radio-check::after {
        display: none !important;
    }
}

/* ==========================================================================
   ESTILOS DE LAS REJILLAS Y TARJETAS GLASSMORPHISM
   ========================================================================== */

.wp-block-uagb-post-grid.uagb-post-grid {
    display: none !important;
    width: min(1100px, calc(100% - 48px)) !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px !important;
    margin-bottom: 40px !important;

    box-sizing: border-box !important;
}

/* En Android / Móviles (<= 768px): Coordinación exacta con los filtros y contenedor estándar */
@media screen and (max-width: 768px) {
    .wp-block-uagb-post-grid.uagb-post-grid {
        width: 100% !important;
        max-width: calc(640px - 32px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 10px !important;
        margin-bottom: 30px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
}

.wp-block-uagb-post-grid.uagb-post-grid.active-grid {
    display: grid !important;
}

.wp-block-uagb-post-grid .uagb-post__inner-wrap {
    padding: 0 16px 16px 16px !important;
    border-radius: 12px !important;
    background: linear-gradient(rgba(10, 15, 35, .5), rgba(10, 15, 35, .5)) padding-box,
        linear-gradient(135deg, rgba(0, 243, 255, .18), rgba(255, 42, 133, .18)) border-box !important;
    border: 1px solid transparent !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 380px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    transition: background .3s ease, border-color .2s ease !important;
}

.wp-block-uagb-post-grid .uagb-post__inner-wrap:hover {
    background: linear-gradient(rgba(10, 15, 35, .5), rgba(10, 15, 35, .5)) padding-box,
        linear-gradient(135deg, rgba(0, 243, 255, .35), rgba(255, 42, 133, .35)) border-box !important;
    transform: none !important;
}

.wp-block-uagb-post-grid .uagb-post__image {
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    border-radius: 12px 12px 0 0 !important;
    margin-bottom: 12px !important;
    border: none !important;
}

.wp-block-uagb-post-grid .uagb-post__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 !important;
    display: block !important;
}

.wp-block-uagb-post-grid .uagb-post__title a {
    color: rgba(255, 255, 255, .95) !important;
    font-weight: 900 !important;
    font-size: 0.88rem !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

@media (min-width: 769px) {
    .wp-block-uagb-post-grid .uagb-post__title a {
        font-size: 0.96rem !important;
    }
}

.wp-block-uagb-post-grid .uagb-post__title a:hover {
    color: #00f3ff !important;
}

.wp-block-uagb-post-grid .uagb-post__text {
    margin: 2px 0 !important;
}

.wp-block-uagb-post-grid .uagb-post-grid-byline {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}

.wp-block-uagb-post-grid .uagb-post__taxonomy,
.wp-block-uagb-post-grid .uagb-post__taxonomy .dashicons {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 11px !important;
}

.wp-block-uagb-post-grid .uagb-post__taxonomy a {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 11px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.wp-block-uagb-post-grid .uagb-post__taxonomy a:hover {
    color: #00f3ff !important;
}

.wp-block-uagb-post-grid .wp-block-button.uagb-post__cta,
.wp-block-uagb-post-grid .uagb-post__cta {
    margin-top: auto !important;
    margin-bottom: 0 !important;
}

.wp-block-uagb-post-grid .wp-block-button__link.uagb-text-link:hover {
    color: #00f3ff !important;
}

.wp-block-uagb-post-grid .uagb-post-pagination-wrap {
    margin-top: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    grid-column: 1 / -1 !important;
}

.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.page-numbers,
.wp-block-uagb-post-grid .uagb-post-pagination-wrap span.page-numbers,
.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.next,
.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.prev {
    padding: 8px 14px !important;
    border-radius: 8px !important;
    background: rgba(10, 15, 35, 0.6) !important;
    border: 1px solid rgba(0, 243, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.2s ease !important;
}

.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.page-numbers:hover,
.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.next:hover,
.wp-block-uagb-post-grid .uagb-post-pagination-wrap a.prev:hover {
    background: rgba(10, 15, 35, 0.9) !important;
    border-color: rgba(0, 243, 255, 0.6) !important;
    color: #00f3ff !important;
}

.wp-block-uagb-post-grid .uagb-post-pagination-wrap span.page-numbers.current {
    background: linear-gradient(135deg, rgba(0, 243, 255, 0.25), rgba(255, 42, 133, 0.25)) !important;
    border: 1px solid #00f3ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(0, 243, 255, 0.3) !important;
}

/* ==========================================================================
   SKELETON LOADER ADAPTADO A LAS COLUMNAS DE SPECTRA (3, 2 Y 1)
   ========================================================================== */

/* Contenedor principal: 5 columnas (Peek izquierdo 33px, 3 Cards centrales completas, Peek derecho 33px) */
.texture-skeleton-wrapper {
    display: grid !important;
    grid-template-columns: 33px repeat(3, calc((100vw - 90px) / 3 - 24px)) 33px !important;
    gap: 24px !important;
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-top: 45px !important;
    margin-bottom: 35px !important;
    padding: 0 !important;
    overflow: hidden !important;
    /* Recorta milimétricamente las cards laterales en los bordes de la pantalla */
    box-sizing: border-box !important;
    z-index: 10 !important;
}

/* ==========================================================================
   FLECHAS DE NAVEGACIÓN SIMULADAS EN EL SKELETON (RETO 1)
   ========================================================================== */
.texture-skeleton-wrapper .skeleton-arrow {
    position: absolute !important;
    top: calc(50% - 15px) !important;
    transform: translateY(-50%) !important;
    z-index: 25 !important;
    width: 40px !important;
    height: 40px !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255, 255, 255, 0.32) !important;
    pointer-events: none !important;
    animation: skeletonPulse 1.5s ease-in-out infinite !important;
}

/* Iconos SVG de las flechas: aumentados un 30% (de 20px a 26px) */
.texture-skeleton-wrapper .skeleton-arrow svg {
    width: 26px !important;
    height: 26px !important;
}

.texture-skeleton-wrapper .skeleton-arrow.skeleton-prev {
    left: 12px !important;
}

.texture-skeleton-wrapper .skeleton-arrow.skeleton-next {
    right: 12px !important;
}

@media (min-width: 769px) {
    .texture-skeleton-wrapper .skeleton-arrow {
        width: 60px !important;
        height: 60px !important;
        border-radius: 12px !important;
    }

    .texture-skeleton-wrapper .skeleton-arrow svg {
        width: 32px !important;
        height: 32px !important;
    }

    .texture-skeleton-wrapper .skeleton-arrow.skeleton-prev {
        left: 20px !important;
    }

    .texture-skeleton-wrapper .skeleton-arrow.skeleton-next {
        right: 20px !important;
    }
}

/* Tarjeta individual del esqueleto (20% más transparente y sutil) */
.texture-skeleton-card {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 16px 16px 16px !important;
    border-radius: 12px !important;
    background: linear-gradient(rgba(10, 15, 35, .4), rgba(10, 15, 35, .4)) padding-box,
        linear-gradient(135deg, rgba(0, 243, 255, .14), rgba(255, 42, 133, .14)) border-box !important;
    border: 1px solid transparent !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Card 1: Recorte lateral izquierdo (Peek izquierdo).
   Mantiene el ancho real de una card, alineada a la derecha de su columna de 33px.
   El exceso hacia la izquierda queda cortado en 0px por overflow: hidden */
.texture-skeleton-card.skeleton-peek-left,
.texture-skeleton-card.skeleton-card-1 {
    width: calc((100vw - 90px) / 3 - 24px) !important;
    min-width: calc((100vw - 90px) / 3 - 24px) !important;
    justify-self: end !important;
}

/* Card 5: Recorte lateral derecho (Peek derecho en PC).
   Mantiene el ancho real de una card, alineada a la izquierda de su columna de 33px.
   El exceso hacia la derecha queda cortado en 100vw por overflow: hidden */
.texture-skeleton-card.skeleton-peek-right,
.texture-skeleton-card.skeleton-card-5 {
    width: calc((100vw - 90px) / 3 - 24px) !important;
    min-width: calc((100vw - 90px) / 3 - 24px) !important;
    justify-self: start !important;
}

/* Elementos internos simulados con animación de pulso (-20% de opacidad para mayor suavidad) */
.texture-skeleton-card .skeleton-img {
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 12px 12px 0 0 !important;
    margin-bottom: 12px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    animation: skeletonPulse 1.5s ease-in-out infinite !important;
    flex-shrink: 0 !important;
}

.texture-skeleton-card .skeleton-line {
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 4px !important;
    animation: skeletonPulse 1.5s ease-in-out infinite !important;
}

.texture-skeleton-card .skeleton-line.title {
    width: 85% !important;
    height: 46px !important;
    /* Espacio de 2 renglones idéntico al min-height del título real (1.05rem * 1.35 * 2) */
    margin-top: 4px !important;
    margin-bottom: 10px !important;
}

.texture-skeleton-card .skeleton-line.subtitle {
    width: 50% !important;
    height: 16px !important;
    margin-bottom: 28px !important;
    /* Espacio real de separación con el botón de descarga */
}

.texture-skeleton-card .skeleton-line.button {
    width: 160px !important;
    max-width: 100% !important;
    height: 52px !important;
    /* Altura real del botón de descarga con sus paddings */
    margin-top: auto !important;
    border-radius: 999px !important;
}

/* Alineación exacta con el carousel original de Spectra (margen izquierdo de 15px en PC, 0px en <=976px) */
@media (min-width: 977px) {

    .texture-skeleton-card .skeleton-line.title,
    .texture-skeleton-card .skeleton-line.subtitle,
    .texture-skeleton-card .skeleton-line.button {
        margin-left: 15px !important;
    }
}

@media (max-width: 976px) {

    .texture-skeleton-card .skeleton-line.title,
    .texture-skeleton-card .skeleton-line.subtitle,
    .texture-skeleton-card .skeleton-line.button {
        margin-left: 0px !important;
    }
}

/* Simulador visual de los dots de paginación abajo: un pelín arriba y el doble de largo (240px para 10 entradas) */
.texture-skeleton-wrapper::after {
    content: "" !important;
    display: block !important;
    grid-column: 1 / -1 !important;
    margin: 5px auto 0 auto !important;
    /* Subido ligeramente para compensar el gap del grid y alinearlo a los dots reales */
    width: 240px !important;
    /* El doble de ancho para representar con precisión 10 diapositivas */
    height: 10px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: 5px !important;
    animation: skeletonPulse 1.5s ease-in-out infinite !important;
}

@keyframes skeletonPulse {
    0% {
        opacity: 0.32;
    }

    50% {
        opacity: 0.72;
        background: rgba(0, 243, 255, 0.16);
    }

    100% {
        opacity: 0.32;
    }
}

/* Asegurar que el carrusel real esté oculto estrictamente hasta que inicialice */
.wp-block-uagb-post-carousel.uagb-slick-carousel:not(.slick-initialized) {
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* ==========================================================================
   AJUSTES RESPONSIVOS DEL SKELETON (TABLET Y MÓVIL)
   ========================================================================== */

/* Tablets (hasta 1024px): 2 columnas centrales + 2 laterales entrecortadas */
@media screen and (max-width: 1024px) {
    .texture-skeleton-wrapper {
        grid-template-columns: 33px repeat(2, calc((100vw - 90px) / 2 - 24px)) 33px !important;
    }

    .texture-skeleton-card.skeleton-peek-left,
    .texture-skeleton-card.skeleton-card-1 {
        width: calc((100vw - 90px) / 2 - 24px) !important;
        min-width: calc((100vw - 90px) / 2 - 24px) !important;
    }

    .texture-skeleton-card.skeleton-card-4 {
        width: calc((100vw - 90px) / 2 - 24px) !important;
        min-width: calc((100vw - 90px) / 2 - 24px) !important;
        justify-self: start !important;
    }

    .texture-skeleton-card.skeleton-card-5 {
        display: none !important;
    }

    /* Dots ajustados a 2px en tablets */
    .texture-skeleton-wrapper::after {
        margin: 2px auto 0 auto !important;
    }
}

/* Móviles / Android (hasta 768px): 1 columna central + 2 laterales entrecortadas */
@media screen and (max-width: 768px) {
    .texture-skeleton-wrapper {
        margin-top: 0px !important;
        grid-template-columns: 33px calc(100vw - 90px - 24px) 33px !important;
    }

    .texture-skeleton-card.skeleton-peek-left,
    .texture-skeleton-card.skeleton-card-1 {
        width: calc(100vw - 90px - 24px) !important;
        min-width: calc(100vw - 90px - 24px) !important;
    }

    .texture-skeleton-card.skeleton-card-3 {
        width: calc(100vw - 90px - 24px) !important;
        min-width: calc(100vw - 90px - 24px) !important;
        justify-self: start !important;
    }

    .texture-skeleton-card.skeleton-card-4,
    .texture-skeleton-card.skeleton-card-5 {
        display: none !important;
    }

    /* Dots ajustados a 0px en Android / móviles */
    .texture-skeleton-wrapper::after {
        margin: 0px auto 0 auto !important;
    }

    /* Dimensiones compactas originales para móvil (sin el crecimiento extra de PC/Tablet) */
    .texture-skeleton-card .skeleton-line.title {
        height: 42px !important;
        margin-top: 4px !important;
        margin-bottom: 8px !important;
    }

    .texture-skeleton-card .skeleton-line.subtitle {
        width: 48% !important;
        height: 14px !important;
        margin-bottom: 20px !important;
    }

    .texture-skeleton-card .skeleton-line.button {
        width: 130px !important;
        max-width: 100% !important;
        height: 48px !important;
    }
}

/* ==========================================================================
   SKELETON LOADER DEDICADO PARA CAROUSEL ANCHO AMPLIO (skeleton-alignwide)
   ========================================================================== */

/* 1. En Tablet y PC (>= 769px): Ancho amplio a 1100px centrado sin salirse de pantalla */
@media (min-width: 769px) {
    .texture-skeleton-wrapper.skeleton-alignwide {
        width: min(1100px, calc(100% - 48px)) !important;
        max-width: 1100px !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 30px !important;
        gap: 24px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* Flechas del Skeleton Ancho Amplio: 48px x 48px a 4px de los bordes (coincide con carrusel real) */
    .texture-skeleton-wrapper.skeleton-alignwide .skeleton-arrow {
        width: 48px !important;
        height: 48px !important;
        border-radius: 10px !important;
    }

    .texture-skeleton-wrapper.skeleton-alignwide .skeleton-arrow svg {
        width: 28px !important;
        height: 28px !important;
    }

    .texture-skeleton-wrapper.skeleton-alignwide .skeleton-arrow.skeleton-prev {
        left: 4px !important;
    }

    .texture-skeleton-wrapper.skeleton-alignwide .skeleton-arrow.skeleton-next {
        right: 4px !important;
    }

    /* Tarjetas del Skeleton Ancho Amplio: Ancho fluido del 100% de su celda */
    .texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-self: stretch !important;
    }
}

/* PC (> 1024px): 3 columnas completas iguales en 1100px */
@media (min-width: 1025px) {
    .texture-skeleton-wrapper.skeleton-alignwide {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card.skeleton-card-1,
    .texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card.skeleton-card-2,
    .texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card.skeleton-card-3 {
        display: flex !important;
    }
}

/* Tablets (769px a 1024px): 2 columnas completas en Ancho Amplio */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .texture-skeleton-wrapper.skeleton-alignwide {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card.skeleton-card-1,
    .texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card.skeleton-card-2 {
        display: flex !important;
    }

    .texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card.skeleton-card-3 {
        display: none !important;
    }
}

/* Alineación limpia sin margen izquierdo adicional en los textos/botones de las cards */
.texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card .skeleton-line.title,
.texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card .skeleton-line.subtitle,
.texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card .skeleton-line.button {
    margin-left: 0 !important;
}

/* Ajustes de paddings inferiores del botón en las cards del Skeleton Ancho Amplio (reducidos un 60%) */
.texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card {
    padding-bottom: 10px !important;
}

@media (min-width: 2000px) {
    .texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card {
        padding-bottom: 14px !important;
    }
}

@media (max-width: 1440px) {
    .texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card {
        padding-bottom: 8px !important;
    }
}

@media (max-width: 976px) {
    .texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card {
        padding-bottom: 6px !important;
    }
}

@media (max-width: 768px) {
    .texture-skeleton-wrapper.skeleton-alignwide .texture-skeleton-card {
        padding-bottom: 10px !important;
    }
}

/* ==========================================================================
   HERO COVER: ESTABILIZACIÓN DEL FONDO (PREVENCIÓN DE SALTOS / ZOOM INESPERADO)
   ========================================================================== */

/* 1. Anclaje de la imagen de fondo:
   Fijar la posición al centro superior (center top) evita que la imagen haga zoom
   o se desplace verticalmente de golpe si el contenedor cambia de altura */
.wp-block-cover .wp-block-cover__image-background,
.wp-block-cover__image-background.wp-image-11225 {
    object-fit: cover !important;
    object-position: center top !important;
    transition: transform 0.4s ease, filter 0.4s ease !important;
}

/* 2. Suavizar la adaptación del contenedor del Cover */
.wp-block-cover {
    transition: min-height 0.3s ease, height 0.3s ease !important;
}

/* ==========================================================================
   PREVENCIÓN DE DESBORDAMIENTO HORIZONTAL EN MÓVILES (IFRAMES, VIDEOS Y FLEX)
   ========================================================================== */

/* 1. Blindaje del viewport global en Android/iOS contra paneo horizontal */
html,
body {
    overflow-x: clip !important;
    max-width: 100% !important;
}

#page,
.site,
#content,
.site-content,
.site-main,
.entry-content {
    max-width: 100% !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
}

/* 2. Control estricto de iframes y videos de VideoPress (evita que anchuras de 1006px o 491px ensanchen la pantalla) */
iframe,
video,
embed,
object,
.wp-block-embed,
.wp-block-embed__wrapper,
.wp-block-video {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.wp-block-embed__wrapper iframe {
    max-width: 100% !important;
}

/* 3. Corrección para el bloque de Menu Shaders: permitir que fluya en pantallas estrechas sin desbordar */
.gap-shaders {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media screen and (max-width: 600px) {
    .gap-shaders.is-nowrap,
    .wp-block-group.gap-shaders {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .gap-shaders .wp-block-paragraph {
        min-width: 0 !important;
        word-break: break-word !important;
    }
}

/* ==========================================================================
   BANNER LATERAL STICKY (RIGHT SIDE RAIL AD - ADSENSE)
   ========================================================================== */

/* 1. Ocultar estrictamente por defecto en móviles, tablets y laptops medianas (< 1420px) */
.sticky-side-rail {
    display: none !important;
}

/* 2. Activar banner lateral sticky en monitores de PC (>= 1420px) */
@media screen and (min-width: 1420px) {
    .sticky-side-rail {
        display: block !important;
        position: fixed !important;
        top: 96px;
        left: calc(50% + 550px + 16px) !important;
        width: 160px !important;
        min-height: 600px !important;
        z-index: 90 !important;
        pointer-events: auto !important;
        opacity: 0;
        visibility: hidden;
        will-change: top, opacity !important;
        transition: opacity 0.3s ease !important;
    }

    .sticky-side-rail__inner {
        position: relative !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Etiqueta sutil de Publicidad (cumplimiento estricto con las políticas de AdSense) */
    .sticky-side-rail__label {
        display: block !important;
        font-family: inherit !important;
        font-size: 10px !important;
        letter-spacing: 0.8px !important;
        text-transform: uppercase !important;
        color: rgba(255, 255, 255, 0.45) !important;
        margin-bottom: 6px !important;
        text-align: center !important;
        user-select: none !important;
    }

    .sticky-side-rail__ad-content {
        position: relative !important;
        width: 100% !important;
        min-height: 600px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }

    .sticky-side-rail__ad-content ins.adsbygoogle {
        display: block !important;
        margin: 0 auto !important;
        min-height: 600px !important;
    }
}

/* 3. Monitores anchos y 2K / 4K (>= 1780px): mayor margen y adaptación para anuncios amplios (300x600) */
@media screen and (min-width: 1780px) {
    .sticky-side-rail {
        left: calc(50% + 550px + 24px) !important;
        width: 300px !important;
    }
}