.elementor-615 .elementor-element.elementor-element-c0f2d0e{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a11ed77 *//* ===============================
   FONDO ANIMADO FIX DEFINITIVO
   (elimina blanco arriba)
   =============================== */

/* 1) Fondo animado en HTML (cubre SIEMPRE toda la pantalla) */
html{
  margin: 0 !important;
  padding: 0 !important;

  background-color: #000 !important;
  background-image: linear-gradient(
    120deg,
    #000 0%,
    #0b0b0b 25%,
    #0b0b0b 75%,
    #000 100%
  ) !important;

  background-size: 220% 220% !important;
  animation: bgMove 10s ease-in-out infinite !important;
}

/* Capa oscura para lectura (sin pseudo-elementos para evitar bugs de z-index) */
body{
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100% !important;
  background: rgba(0,0,0,0.60) !important; /* ajusta 0.50-0.75 */
  overflow-x: hidden !important;
}

/* 2) Eliminar el “cajón/blanco” típico del tema/Elementor (sin romper el layout) */
#page, #content, #primary, #main,
.site, .site-content, .content-area, .site-main,
.page, .page-template-default,
.entry, .entry-content, .page-content, .content,
#masthead, .site-header, header,
#colophon, .site-footer, footer,
.wp-site-blocks, .wp-block-group, .wp-block-template-part,
.elementor, .elementor-section, .elementor-top-section,
.elementor-section-wrap, .elementor-container, .elementor-widget-wrap,
.e-con, .e-con-inner,
.elementor-location-header, .elementor-location-footer,
.hfe-site-header, .hfe-site-footer, .hfe-wrapper,
.ast-container, .ast-site-header, .ast-primary-header-bar, .ast-site-identity,
.oceanwp-header, #outer-wrap, #wrap, #site-wrapper, #site-content,
.site-inner, .inside-article, .inside-page, .inside-header, .inside-footer{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 3) Evitar línea blanca por separadores/bordes */
hr{
  border: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/* Animación */
@keyframes bgMove{
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce){
  html{ animation: none !important; }
}/* End custom CSS */