/******* Do not edit this file *******
Code Snippets Manager
Saved: Dec 19 2025 | 19:16:10 */
@charset "UTF-8";
/* INVERSION COLOR DARKMODE */
/* ==============================================
CLASE .noinvert - CONTROL DE MODO OSCURO/CLARO
============================================== */
/* --- 1. ACTIVACIÓN (Cuando está en Modo Oscuro: algo-dark) --- */
/* Aplica la "contra-inversión" para que el elemento se vea original */
html.algo-dark .noinvert, body.algo-dark .noinvert {
  filter: invert(1) hue-rotate(180deg) !important;
}
/* --- 2. LIMPIEZA (Cuando vuelve a Modo Claro: algo-light) --- */
/* ESTA ES LA PARTE QUE FALTABA: Fuerza a quitar filtros al volver a la luz */
html.algo-light .noinvert, body.algo-light .noinvert {
  filter: none !important;
}
/* --- 3. ESTABILIZACIÓN VISUAL (Arreglo de fondos y transparencia) --- */
/* Esto blinda el fondo para que no parpadee ni se vuelva transparente al navegar */
.site-footer.noinvert, .noinvert, .noinvert .gb-container, .noinvert .gb-inside-container {
  /* Protege contenedores de GenerateBlocks */
  /* Protege capas internas */
  /* IMPORTANTE: Pon aquí el color HEX ORIGINAL de tu footer */
  background-color: #2c2b2c !important;
  opacity: 1 !important;
  visibility: visible !important;
  /* PROPIEDAD CLAVE: Crea un contexto de apilamiento nuevo */
  /* Esto evita que el fondo del body (invertido) se mezcle con el footer */
  isolation: isolate;
  /* Estabilidad gráfica */
  transform: translateZ(0);
}
/* --- 4. PROTECCIÓN DE IMÁGENES INTERNAS --- */
/* Evita que las imágenes dentro de un bloque .noinvert se inviertan dos veces */
.noinvert img, .noinvert video, .noinvert iframe, .noinvert .gb-block-image {
  filter: none !important;
}
/* ==============================================
   BLOQUE 5 ACTUALIZADO: IMÁGENES Y VÍDEOS (YOUTUBE)
   ============================================== */
/* 1. MODO OSCURO: Corrige colores de IMG, VIDEO e IFRAME */
html.algo-dark img:not(.noinvert img), body.algo-dark img:not(.noinvert img), html.algo-dark video:not(.noinvert video), body.algo-dark video:not(.noinvert video), html.algo-dark iframe:not(.noinvert iframe), body.algo-dark iframe:not(.noinvert iframe), html.algo-dark .gb-block-image:not(.noinvert .gb-block-image) {
  /* NUEVO: Soporte para Iframes (YouTube, Vimeo, etc) */
  /* Fin nuevo */
  /* Aplica la corrección de color (Invertir lo invertido) */
  filter: invert(1) hue-rotate(180deg) !important;
  /* Sin transición para evitar el "flash" negativo al clicar */
  transition: none !important;
  /* Estabilidad */
  background-color: transparent !important;
  opacity: 1 !important;
  transform: translateZ(0);
}
/* 2. MODO CLARO: Limpieza total */
html.algo-light img, body.algo-light img, html.algo-light video, body.algo-light video, html.algo-light iframe, body.algo-light iframe {
  filter: none !important;
  transition: none !important;
}