/*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;
    }

}