.elementor-2561 .elementor-element.elementor-element-2f61665{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2561 .elementor-element.elementor-element-be1a5ae{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#4D4DFF;--border-color:#4D4DFF;}.elementor-2561 .elementor-element.elementor-element-be1a5ae.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2561 .elementor-element.elementor-element-01f9c0d{text-align:center;}.elementor-2561 .elementor-element.elementor-element-01f9c0d .elementor-heading-title{font-family:"Artemus", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-2561 .elementor-element.elementor-element-9706562{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + -18px) 0px;text-align:center;}.elementor-2561 .elementor-element.elementor-element-9706562 .elementor-heading-title{font-family:"Artemus", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-2561 .elementor-element.elementor-element-5920a65{margin:-3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2561 .elementor-element.elementor-element-5920a65 .elementor-heading-title{font-family:"Artemus", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-2561 .elementor-element.elementor-element-5cc4cde{--display:flex;--justify-content:center;}.elementor-2561 .elementor-element.elementor-element-efcc963 .elementor-heading-title{font-family:"Artemus", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-2561 .elementor-element.elementor-element-cb01984{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2561 .elementor-element.elementor-element-cb01984 .elementor-heading-title{font-family:"Anek Kannada", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}@media(min-width:768px){.elementor-2561 .elementor-element.elementor-element-be1a5ae{--width:23.214%;}}/* Start custom CSS for container, class: .elementor-element-2f61665 *//* =============================
   CONTENEDOR PRINCIPAL EVENTS – SCI-FI BORDER
   ============================= */

.main-content-events {
  position: relative;
  padding: 28px 26px;
  border-radius: 28px;
  background: rgba(2, 3, 10, 0.96); /* fondo dark */
  color: #ffffff;
  overflow: hidden;
  z-index: 0;
}

/* Forzar texto blanco dentro en dark,
   PERO luego sobre-escribimos el botón vermas-event */
.main-content-events,
.main-content-events * {
  color: #ffffff;
}

/* Botón "ver más" mantiene su estilo (texto negro) en ambos temas */
#vermas-event,
#vermas-event * {
  color: #111111 !important;
}

/* Aro sci-fi alrededor del contenedor (DARK – degradado eléctrico) */
.main-content-events::before {
  content: "";
  position: absolute;
  inset: -2px;
  padding: 2px;
  border-radius: inherit;

  background: linear-gradient(
    120deg,
    rgba(5, 8, 24, 1) 0%,
    #151540 15%,
    #1f35ff 32%,
    #ffffff 50%,      /* pulso blanco */
    #1f35ff 68%,
    #151540 85%,
    rgba(5, 8, 24, 1) 100%
  );

  background-size: 260% 260%;
  background-position: 0% 50%;

  pointer-events: none;
  -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  z-index: -1;
  animation: neonBorderMove 2.4s linear infinite;
}

/* LIGHT THEME: fondo claro */
html[data-theme="light"] .main-content-events {
  background: rgba(245, 247, 251, 0.98);
  color: #111111;
}

/* Forzar TODO el contenido a negro en light… */
html[data-theme="light"] .main-content-events,
html[data-theme="light"] .main-content-events * {
  color: #111111 !important;
}

/* …pero el botón #vermas-event se queda igual (texto negro) */
html[data-theme="light"] #vermas-event,
html[data-theme="light"] #vermas-event * {
  color: #111111 !important;
}

/* Variante LIGHT del borde sci-fi (degradado pastel eléctrico) */
html[data-theme="light"] .main-content-events::before {
  background: linear-gradient(
    120deg,
    rgba(240, 242, 255, 1) 0%,
    #d8ddff 15%,
    #7c88ff 32%,
    #ffffff 50%,        /* flash blanco */
    #7c88ff 68%,
    #d8ddff 85%,
    rgba(240, 242, 255, 1) 100%
  );
  background-size: 260% 260%;
  background-position: 0% 50%;
}

/* Animación */
@keyframes neonBorderMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */