.elementor-42590 .elementor-element.elementor-element-517876a{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* ============================================================
   PTM — Fondo global premium para página GLP-1
   CSS adicional WordPress / Elementor
============================================================ */

/* Base oscura de toda la página */
html,
body {
  background: #06090B !important;
  overflow-x: hidden !important;
}

/* Fondo principal fijo con degradados científicos */
body {
  position: relative;
  background:
    radial-gradient(circle at 8% 8%, rgba(30, 214, 194, 0.16), transparent 30%),
    radial-gradient(circle at 88% 14%, rgba(247, 0, 122, 0.12), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(255, 122, 26, 0.10), transparent 38%),
    linear-gradient(135deg, #06090B 0%, #0A0F12 42%, #10181C 72%, #050708 100%) !important;
  background-attachment: fixed !important;
}

/* Capa decorativa: retícula científica muy sutil */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px);
  background-size: 58px 58px;
  opacity: 0.55;
}

/* Capa decorativa: luces suaves animadas */
body::after {
  content: "";
  position: fixed;
  inset: -20%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 15% 30%, rgba(30, 214, 194, 0.10), transparent 28%),
    radial-gradient(circle at 82% 38%, rgba(247, 0, 122, 0.09), transparent 30%),
    radial-gradient(circle at 48% 82%, rgba(255, 122, 26, 0.07), transparent 34%);
  filter: blur(10px);
  opacity: 0.9;
  animation: ptmBgDrift 18s ease-in-out infinite alternate;
}

/* Movimiento muy sutil del fondo */
@keyframes ptmBgDrift {
  0% {
    transform: translate3d(-1.5%, -1%, 0) scale(1);
  }
  100% {
    transform: translate3d(1.5%, 1%, 0) scale(1.04);
  }
}

/* Elimina fondos blancos heredados del tema / Elementor */
#page,
.site,
.site-content,
#content,
.content-area,
.entry-content,
.elementor,
.elementor-section-wrap,
.elementor-location-single,
.elementor-location-archive,
.elementor-location-footer,
.elementor-widget-wrap,
.elementor-column,
.elementor-container,
.ast-container,
.ast-separate-container,
.ast-article-single,
.ast-article-post,
.site-main,
main {
  background: transparent !important;
}

/* Corrige espacios blancos entre secciones de Elementor */
.elementor-section,
.elementor-top-section,
.elementor-inner-section {
  background-color: transparent !important;
}

/* Evita que contenedores del tema metan fondo blanco */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-page-builder-template .site-content,
.ast-page-builder-template .entry-content {
  background: transparent !important;
}

/* Mejora visual del área general de contenido */
.entry-content {
  position: relative;
  z-index: 1;
}

/* Si el título automático de WordPress aparece arriba y rompe el diseño */
.entry-header,
.page .entry-title {
  background: transparent !important;
}

/* Responsive: menos peso visual en móvil */
@media (max-width: 768px) {
  body::before {
    background-size: 44px 44px;
    opacity: 0.38;
  }

  body::after {
    opacity: 0.65;
    filter: blur(14px);
  }
}

/* Accesibilidad: desactiva animación si el usuario lo solicita */
@media (prefers-reduced-motion: reduce) {
  body::after {
    animation: none !important;
  }
}/* End custom CSS */