
/* ==========================================================
   NyxCMS Prism v1.8.0 — Eventos
   Theme-only visual skin. Timers / filters / tooltips untouched.
   ========================================================== */
.nyxprism-page-eventos .nyxprism-module-shell{max-width:1460px}
.nyxprism-page-eventos .nyxprism-module-content{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.nyxprism-page-eventos .wm-events-page{
  --evt-border:#d9e3ee;
  --evt-text:#14233d;
  --evt-muted:#74839a;
  color:var(--evt-text) !important;
}

/* Theme module hero already shows EVENTOS, so convert the module's own hero
   into a compact "next event" feature instead of duplicating the title. */
.nyxprism-page-eventos .wm-events-hero{
  min-height:0 !important;
  border:1px solid var(--evt-border) !important;
  border-radius:0 !important;
  background:#101824 !important;
  clip-path:polygon(13px 0,100% 0,calc(100% - 13px) 100%,0 100%) !important;
  box-shadow:0 18px 36px rgba(15,23,42,.10) !important;
  overflow:hidden !important;
}
.nyxprism-page-eventos .wm-events-hero__backdrop{
  background:rgba(7,17,27,.58) !important;
}
.nyxprism-page-eventos .wm-events-hero__content{
  grid-template-columns:1fr !important;
  min-height:220px !important;
  padding:22px 24px !important;
}
.nyxprism-page-eventos .wm-events-hero__copy{
  display:none !important;
}
.nyxprism-page-eventos .wm-events-next{
  max-width:none !important;
  min-height:176px !important;
  padding:24px 28px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:0 !important;
  background:rgba(7,17,27,.78) !important;
  clip-path:polygon(11px 0,100% 0,calc(100% - 11px) 100%,0 100%) !important;
}
.nyxprism-page-eventos .wm-events-next__ornament{
  display:none !important;
}
.nyxprism-page-eventos .wm-events-next__crest{
  color:var(--cyan) !important;
}
.nyxprism-page-eventos .wm-events-next__eyebrow{
  color:var(--yellow) !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}
.nyxprism-page-eventos .wm-events-next h2{
  color:#fff !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  font-size:clamp(30px,3.4vw,48px) !important;
  line-height:.94 !important;
}
.nyxprism-page-eventos .wm-events-next__meta{
  color:#c5d0dd !important;
}
.nyxprism-page-eventos .wm-events-next__timer{
  color:#fff !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
}

/* Toolbar / filters */
.nyxprism-page-eventos .wm-events-toolbar{
  border:1px solid var(--evt-border) !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}
.nyxprism-page-eventos .wm-events-clock{
  border-radius:0 !important;
  background:#101824 !important;
  color:#fff !important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%) !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
}
.nyxprism-page-eventos .wm-events-clock span,
.nyxprism-page-eventos .wm-events-clock small{
  color:#9fb0c3 !important;
}
.nyxprism-page-eventos .wm-events-clock strong{
  color:#fff !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
}
.nyxprism-page-eventos .wm-events-filters{
  gap:7px !important;
}
.nyxprism-page-eventos .wm-events-filters button{
  min-height:40px !important;
  padding:0 13px !important;
  border:1px solid #d9e3ee !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#5c6e84 !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
}
.nyxprism-page-eventos .wm-events-filters button:hover,
.nyxprism-page-eventos .wm-events-filters button.is-active{
  border-color:var(--cyan) !important;
  background:var(--cyan) !important;
  color:#07111b !important;
}

/* Summary */
.nyxprism-page-eventos .wm-events-summary{
  gap:12px !important;
}
.nyxprism-page-eventos .wm-events-summary article{
  border:1px solid var(--evt-border) !important;
  border-radius:0 !important;
  background:#fff !important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.05) !important;
}
.nyxprism-page-eventos .wm-events-summary article>span{
  border-radius:0 !important;
  background:#101824 !important;
  color:var(--cyan) !important;
}
.nyxprism-page-eventos .wm-events-summary strong{
  color:#14233d !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
}
.nyxprism-page-eventos .wm-events-summary small{
  color:#74839a !important;
}

/* Section headings */
.nyxprism-page-eventos .wm-events-section{
  border-radius:0 !important;
}
.nyxprism-page-eventos .wm-events-section__head{
  border-bottom:1px solid var(--evt-border) !important;
}
.nyxprism-page-eventos .wm-events-section__head h2{
  color:#14233d !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}
.nyxprism-page-eventos .wm-events-section__head>div>span{
  border-radius:0 !important;
  background:#101824 !important;
  color:var(--cyan) !important;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%) !important;
}

/* Tables */
.nyxprism-page-eventos .wm-events-table{
  border:1px solid var(--evt-border) !important;
  border-radius:0 !important;
  background:#fff !important;
  overflow:hidden !important;
}
.nyxprism-page-eventos .wm-events-table__head{
  background:#f3f6fa !important;
  color:#65768d !important;
  border-bottom:1px solid var(--evt-border) !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}
.nyxprism-page-eventos .wm-events-row{
  min-height:96px !important;
  border-bottom:1px solid #e2e8f0 !important;
  background:#fff !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
.nyxprism-page-eventos .wm-events-row:nth-child(even){
  background:#f9fbfd !important;
}
.nyxprism-page-eventos .wm-events-row:hover{
  transform:translateX(3px) !important;
  box-shadow:inset 4px 0 0 var(--cyan) !important;
}
.nyxprism-page-eventos .wm-events-row.is-active{
  box-shadow:inset 4px 0 0 var(--pink) !important;
}
.nyxprism-page-eventos .wm-events-row__thumb{
  border-radius:0 !important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%) !important;
  background:#101824 !important;
}
.nyxprism-page-eventos .wm-events-row__heading strong{
  color:#14233d !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  font-size:18px !important;
  text-transform:uppercase !important;
}
.nyxprism-page-eventos .wm-events-row__info small{
  color:#74839a !important;
}
.nyxprism-page-eventos .wm-events-row__cell{
  color:#52647a !important;
  border-left-color:#e2e8f0 !important;
}
.nyxprism-page-eventos .wm-pill{
  border-radius:0 !important;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%) !important;
}
.nyxprism-page-eventos .wm-pill--timer{
  background:#101824 !important;
  color:#fff !important;
  border-color:#101824 !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
}
.nyxprism-page-eventos .wm-pill--live,
.nyxprism-page-eventos .wm-pill--state.is-active{
  background:var(--pink) !important;
  color:#fff !important;
  border-color:var(--pink) !important;
}
.nyxprism-page-eventos .wm-pill--soft,
.nyxprism-page-eventos .wm-pill--state{
  background:#eef3f8 !important;
  color:#53657a !important;
  border-color:#d9e3ee !important;
}

/* Rewards */
.nyxprism-page-eventos .wm-events-rewards-mini__label{
  border-radius:0 !important;
  background:#101824 !important;
  color:var(--yellow) !important;
}
.nyxprism-page-eventos .wm-events-reward-orb{
  border-radius:0 !important;
}

/* Empty state */
.nyxprism-page-eventos .wm-events-empty{
  border:1px solid var(--evt-border) !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#74839a !important;
}

/* Responsive */
@media(max-width:900px){
  .nyxprism-page-eventos .wm-events-hero__content{
    padding:18px !important;
  }
  .nyxprism-page-eventos .wm-events-next{
    padding:20px !important;
  }
  .nyxprism-page-eventos .wm-events-summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:700px){
  .nyxprism-page-eventos .wm-events-toolbar{
    padding:12px !important;
  }
  .nyxprism-page-eventos .wm-events-filters{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:3px !important;
  }
  .nyxprism-page-eventos .wm-events-filters button{
    flex:0 0 auto !important;
  }
  .nyxprism-page-eventos .wm-events-table__head{
    display:none !important;
  }
  .nyxprism-page-eventos .wm-events-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    padding:0 !important;
  }
  .nyxprism-page-eventos .wm-events-row__event{
    padding:12px !important;
  }
  .nyxprism-page-eventos .wm-events-row__cell{
    border-left:0 !important;
    border-top:1px solid #e2e8f0 !important;
    padding:10px 12px !important;
  }
}
@media(max-width:520px){
  .nyxprism-page-eventos .wm-events-summary{
    grid-template-columns:1fr !important;
  }
  .nyxprism-page-eventos .wm-events-next h2{
    font-size:30px !important;
  }
}


/* ==========================================================
   v1.8.1 — Eventos: diseño tipo CALENDARIO del index
   ========================================================== */
.nyxprism-page-eventos .wm-events-page{
  gap:24px !important;
}

/* Compact next-event header */
.nyxprism-page-eventos .wm-events-hero{
  min-height:0 !important;
  border:1px solid #d9e3ee !important;
  background:#101824 !important;
  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%) !important;
}
.nyxprism-page-eventos .wm-events-hero__content{
  min-height:190px !important;
  padding:18px !important;
}
.nyxprism-page-eventos .wm-events-next{
  min-height:154px !important;
  padding:20px 24px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:#0d1724 !important;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%) !important;
  box-shadow:none !important;
}
.nyxprism-page-eventos .wm-events-next__timerwrap{
  margin-top:10px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}
.nyxprism-page-eventos .wm-events-next__timer{
  min-height:54px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:0 !important;
  background:#101824 !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  font-size:30px !important;
}

/* Toolbar */
.nyxprism-page-eventos .wm-events-toolbar{
  padding:14px 16px !important;
  gap:14px !important;
  border:1px solid #d9e3ee !important;
  background:#ffffff !important;
}
.nyxprism-page-eventos .wm-events-clock{
  min-width:178px !important;
  padding:10px 14px !important;
  background:#101824 !important;
  color:#fff !important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%) !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
}
.nyxprism-page-eventos .wm-events-clock strong{
  font-size:24px !important;
}
.nyxprism-page-eventos .wm-events-filters button{
  --event-filter-accent:var(--cyan);
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  min-height:42px !important;
  padding:0 14px !important;
  border:1px solid #d6e0ea !important;
  border-radius:0 !important;
  background:#ffffff !important;
  color:#53657a !important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%) !important;
  box-shadow:inset 0 -3px 0 var(--event-filter-accent) !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}
.nyxprism-page-eventos .wm-events-filters button::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  left:50% !important;
  top:50% !important;
  width:0 !important;
  height:0 !important;
  transform:translate(-50%,-50%) rotate(8deg) !important;
  background:var(--event-filter-accent) !important;
  transition:width .26s ease,height .26s ease !important;
}
.nyxprism-page-eventos .wm-events-filters button:hover::before{
  width:145% !important;
  height:210% !important;
}
.nyxprism-page-eventos .wm-events-filters button:hover{
  color:#07111b !important;
  border-color:var(--event-filter-accent) !important;
  transform:translateY(-2px) !important;
}
.nyxprism-page-eventos .wm-events-filters button.is-active{
  background:#101824 !important;
  color:#fff !important;
  border-color:#101824 !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
}
.nyxprism-page-eventos .wm-events-filters button.is-active::before{
  width:0 !important;
  height:0 !important;
}

/* Summary cards */
.nyxprism-page-eventos .wm-events-summary{
  padding:0 !important;
  gap:12px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.nyxprism-page-eventos .wm-events-summary::before{
  display:none !important;
}
.nyxprism-page-eventos .wm-events-summary article{
  min-height:82px !important;
  padding:13px 15px !important;
  border:1px solid #d9e3ee !important;
  border-radius:0 !important;
  background:#ffffff !important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.05) !important;
}
.nyxprism-page-eventos .wm-events-summary article span{
  width:42px !important;
  height:42px !important;
  border-radius:0 !important;
  background:#101824 !important;
  color:var(--cyan) !important;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
}
.nyxprism-page-eventos .wm-events-summary strong{
  font-size:24px !important;
}

/* Sections become clean calendar blocks. */
.nyxprism-page-eventos .wm-events-section{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.nyxprism-page-eventos .wm-events-section::before{
  display:none !important;
}
.nyxprism-page-eventos .wm-events-section__head{
  margin:0 0 14px !important;
  padding:0 0 11px !important;
  border-bottom:1px solid #d9e3ee !important;
}
.nyxprism-page-eventos .wm-events-section__head>div{
  gap:10px !important;
}
.nyxprism-page-eventos .wm-events-section__head span{
  width:36px !important;
  height:36px !important;
  border-radius:0 !important;
  background:#101824 !important;
  color:var(--cyan) !important;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
}
.nyxprism-page-eventos .wm-events-section__head h2{
  color:#14233d !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  font-size:clamp(24px,2vw,32px) !important;
  line-height:1 !important;
  text-transform:uppercase !important;
}

/* No more table visual. Two columns like Home calendar. */
.nyxprism-page-eventos .wm-events-table{
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
}
.nyxprism-page-eventos .wm-events-table__head{
  display:none !important;
}
.nyxprism-page-eventos .wm-events-table__body{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}

/* Event card */
.nyxprism-page-eventos .wm-events-row{
  --nyxprism-event-accent:var(--cyan);
  position:relative !important;
  display:block !important;
  min-height:148px !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid #dce5ef !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(15,23,42,.035) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
.nyxprism-page-eventos .wm-events-row:nth-child(8n+1){--nyxprism-event-accent:var(--cyan)}
.nyxprism-page-eventos .wm-events-row:nth-child(8n+2){--nyxprism-event-accent:var(--yellow)}
.nyxprism-page-eventos .wm-events-row:nth-child(8n+3){--nyxprism-event-accent:var(--pink)}
.nyxprism-page-eventos .wm-events-row:nth-child(8n+4){--nyxprism-event-accent:var(--blue)}
.nyxprism-page-eventos .wm-events-row:nth-child(8n+5){--nyxprism-event-accent:var(--orange)}
.nyxprism-page-eventos .wm-events-row:nth-child(8n+6){--nyxprism-event-accent:var(--purple)}
.nyxprism-page-eventos .wm-events-row:nth-child(8n+7){--nyxprism-event-accent:#37c977}
.nyxprism-page-eventos .wm-events-row:nth-child(8n+8){--nyxprism-event-accent:#3268d8}

.nyxprism-page-eventos .wm-events-row:hover{
  transform:translateY(-3px) !important;
  border-color:var(--nyxprism-event-accent) !important;
  box-shadow:0 14px 28px rgba(15,23,42,.09) !important;
}
.nyxprism-page-eventos .wm-events-row.is-active{
  border-color:var(--pink) !important;
  box-shadow:0 14px 28px rgba(15,23,42,.09),inset 0 3px 0 var(--pink) !important;
}

/* Color time block on the left. */
.nyxprism-page-eventos .wm-events-row::before{
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:98px !important;
  background:var(--nyxprism-event-accent) !important;
  clip-path:polygon(0 0,100% 0,82% 100%,0 100%) !important;
  pointer-events:none !important;
}
.nyxprism-page-eventos .wm-events-row::after{
  content:attr(data-nyxprism-time) !important;
  position:absolute !important;
  z-index:5 !important;
  left:7px !important;
  top:50% !important;
  width:76px !important;
  transform:translateY(-50%) !important;
  color:#fff !important;
  text-align:center !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  font-size:22px !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  pointer-events:none !important;
}

/* Existing event wrapper becomes text + image layout. */
.nyxprism-page-eventos .wm-events-row__event{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(210px,.82fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  min-height:146px !important;
  padding-left:96px !important;
}
.nyxprism-page-eventos .wm-events-row__info{
  grid-column:1 !important;
  grid-row:1 !important;
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:7px !important;
  min-width:0 !important;
  padding:20px 22px 20px 30px !important;
  background:#fff !important;
}
.nyxprism-page-eventos .wm-events-row__info::after{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  top:0 !important;
  right:-36px !important;
  width:74px !important;
  height:100% !important;
  background:#fff !important;
  transform:skewX(-26deg) !important;
  transform-origin:left top !important;
  pointer-events:none !important;
}
.nyxprism-page-eventos .wm-events-row__heading{
  position:relative !important;
  z-index:2 !important;
}
.nyxprism-page-eventos .wm-events-row__heading strong{
  color:#17243c !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  font-size:clamp(20px,1.6vw,28px) !important;
  line-height:.96 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
}
.nyxprism-page-eventos .wm-events-row__info>small{
  position:relative !important;
  z-index:2 !important;
  max-width:420px !important;
  color:#738196 !important;
  font-size:12px !important;
  line-height:1.4 !important;
}
.nyxprism-page-eventos .nyxprism-event-meta{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  color:#8390a4 !important;
  font-size:10px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}
.nyxprism-page-eventos .nyxprism-event-meta__category{
  color:var(--nyxprism-event-accent) !important;
}

/* Image on the right, diagonal cut exactly like Home. */
.nyxprism-page-eventos .wm-events-row__thumb{
  grid-column:2 !important;
  grid-row:1 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:146px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#0d1724 !important;
  clip-path:polygon(14% 0,100% 0,100% 100%,0 100%) !important;
  overflow:hidden !important;
  position:relative !important;
  z-index:1 !important;
}
.nyxprism-page-eventos .wm-events-row__thumb::before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:5px !important;
  background:var(--nyxprism-event-accent) !important;
}
.nyxprism-page-eventos .wm-events-row__thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  filter:saturate(1.08) contrast(1.04) !important;
  transition:transform .38s ease,filter .38s ease !important;
}
.nyxprism-page-eventos .wm-events-row:hover .wm-events-row__thumb img{
  transform:scale(1.045) !important;
  filter:saturate(1.14) contrast(1.06) !important;
}

/* Existing table metadata is preserved in DOM but visually integrated. */
.nyxprism-page-eventos .wm-events-row > .wm-events-row__cell:not(.wm-events-row__cell--timer){
  display:none !important;
}

/* Countdown / status in image lower-right. */
.nyxprism-page-eventos .wm-events-row__cell--timer{
  position:absolute !important;
  z-index:6 !important;
  right:0 !important;
  bottom:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:5px !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
}
.nyxprism-page-eventos .wm-events-row__cell--timer .wm-pill{
  min-height:34px !important;
  margin:0 !important;
  padding:0 12px 0 18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#101824 !important;
  color:#fff !important;
  clip-path:polygon(12px 0,100% 0,100% 100%,0 100%) !important;
  box-shadow:none !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  font-size:12px !important;
  letter-spacing:.03em !important;
  text-transform:none !important;
}
.nyxprism-page-eventos .wm-events-row__cell--timer .wm-pill--timer{
  box-shadow:inset 0 -3px 0 var(--nyxprism-event-accent) !important;
}
.nyxprism-page-eventos .wm-events-row__cell--timer .wm-pill--live{
  background:var(--pink) !important;
  color:#fff !important;
}

/* Small state badge inside title. */
.nyxprism-page-eventos .wm-events-row__heading .wm-pill--state{
  min-height:22px !important;
  padding:0 7px !important;
  border:1px solid #d9e3ee !important;
  border-radius:0 !important;
  background:#f1f5f9 !important;
  color:#65768d !important;
  clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%) !important;
  font-size:8px !important;
}
.nyxprism-page-eventos .wm-events-row__heading .wm-pill--state.is-active{
  border-color:var(--pink) !important;
  background:var(--pink) !important;
  color:#fff !important;
}

/* Rewards become compact and stay inside text area. */
.nyxprism-page-eventos .wm-events-rewards-mini{
  position:relative !important;
  z-index:3 !important;
  max-width:360px !important;
  margin-top:2px !important;
  border-radius:0 !important;
  background:#f5f8fb !important;
  border:1px solid #e0e7ef !important;
}
.nyxprism-page-eventos .wm-events-rewards-mini__label{
  border-radius:0 !important;
  background:#101824 !important;
  color:var(--yellow) !important;
}
.nyxprism-page-eventos .wm-events-reward-orb{
  border-radius:0 !important;
}

/* Hide the redundant module's table-like look completely. */
.nyxprism-page-eventos .wm-events-table,
.nyxprism-page-eventos .wm-events-table__body{
  box-shadow:none !important;
}

/* Responsive */
@media(max-width:1180px){
  .nyxprism-page-eventos .wm-events-table__body{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:760px){
  .nyxprism-page-eventos .wm-events-toolbar{
    align-items:stretch !important;
    flex-direction:column !important;
  }
  .nyxprism-page-eventos .wm-events-clock{
    width:100% !important;
  }
  .nyxprism-page-eventos .wm-events-row{
    min-height:0 !important;
  }
  .nyxprism-page-eventos .wm-events-row::before{
    width:78px !important;
  }
  .nyxprism-page-eventos .wm-events-row::after{
    left:2px !important;
    width:64px !important;
    font-size:18px !important;
  }
  .nyxprism-page-eventos .wm-events-row__event{
    grid-template-columns:1fr !important;
    min-height:0 !important;
    padding-left:78px !important;
  }
  .nyxprism-page-eventos .wm-events-row__info{
    grid-column:1 !important;
    grid-row:1 !important;
    min-height:128px !important;
    padding:16px 14px 16px 22px !important;
  }
  .nyxprism-page-eventos .wm-events-row__info::after{
    display:none !important;
  }
  .nyxprism-page-eventos .wm-events-row__thumb{
    grid-column:1 !important;
    grid-row:2 !important;
    min-height:138px !important;
    clip-path:polygon(0 12%,100% 0,100% 100%,0 100%) !important;
  }
  .nyxprism-page-eventos .wm-events-row__cell--timer{
    bottom:0 !important;
  }
  .nyxprism-page-eventos .wm-events-row__heading strong{
    font-size:20px !important;
  }
  .nyxprism-page-eventos .wm-events-row__info>small{
    font-size:11px !important;
  }
}
@media(max-width:520px){
  .nyxprism-page-eventos .wm-events-summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .nyxprism-page-eventos .wm-events-next{
    padding:17px !important;
  }
}

/* ==========================================================
   v1.8.2 — Eventos: fix iconos oscuros + filtro activo
   ========================================================== */

/* Hero: avoid large empty dark block feeling */
.nyxprism-page-eventos .wm-events-hero{
  background:
    radial-gradient(1200px 420px at -10% 50%, rgba(34,211,238,.18), transparent 60%),
    radial-gradient(800px 320px at 65% 20%, rgba(236,72,153,.10), transparent 55%),
    linear-gradient(90deg,#07111b 0%, #081726 45%, #0a1521 100%) !important;
}
.nyxprism-page-eventos .wm-events-hero__content{
  background:
    linear-gradient(90deg, rgba(7,17,27,.92) 0%, rgba(7,17,27,.82) 40%, rgba(7,17,27,.35) 100%) !important;
}

/* Fix dark icon tiles */
.nyxprism-page-eventos .wm-events-next__icon,
.nyxprism-page-eventos .wm-events-clock > i,
.nyxprism-page-eventos .wm-events-summary article > span,
.nyxprism-page-eventos .wm-events-section__head > div > span,
.nyxprism-page-eventos .wm-events-section > h2 > span,
.nyxprism-page-eventos .wm-events-toolbar .wm-events-toolbar__icon,
.nyxprism-page-eventos .wm-events-table .wm-events-table__title span{
  background:linear-gradient(180deg,#f7fcff 0%, #e8f7fb 100%) !important;
  color:var(--cyan) !important;
  border:1px solid #cae7ee !important;
  box-shadow:inset 0 -3px 0 var(--cyan), 0 6px 14px rgba(15,23,42,.06) !important;
  opacity:1 !important;
  filter:none !important;
}
.nyxprism-page-eventos .wm-events-next__icon svg,
.nyxprism-page-eventos .wm-events-next__icon i,
.nyxprism-page-eventos .wm-events-clock > i svg,
.nyxprism-page-eventos .wm-events-clock > i,
.nyxprism-page-eventos .wm-events-summary article > span svg,
.nyxprism-page-eventos .wm-events-summary article > span i,
.nyxprism-page-eventos .wm-events-section__head > div > span svg,
.nyxprism-page-eventos .wm-events-section__head > div > span i,
.nyxprism-page-eventos .wm-events-table .wm-events-table__title span svg,
.nyxprism-page-eventos .wm-events-table .wm-events-table__title span i{
  color:var(--cyan) !important;
  fill:currentColor !important;
  stroke:currentColor !important;
  opacity:1 !important;
}

/* Server clock block more like index */
.nyxprism-page-eventos .wm-events-clock{
  background:linear-gradient(180deg,#0d1724 0%, #101824 100%) !important;
  border:1px solid #1b2d44 !important;
}
.nyxprism-page-eventos .wm-events-clock small,
.nyxprism-page-eventos .wm-events-clock span{
  color:#a7b6ca !important;
}

/* Summary cards: icon aligned, no dark square look */
.nyxprism-page-eventos .wm-events-summary article{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.nyxprism-page-eventos .wm-events-summary article > span{
  flex:0 0 42px !important;
}
.nyxprism-page-eventos .wm-events-summary article strong,
.nyxprism-page-eventos .wm-events-summary article b{
  color:#14233d !important;
}
.nyxprism-page-eventos .wm-events-summary article small,
.nyxprism-page-eventos .wm-events-summary article p{
  color:#6f7f95 !important;
}

/* Filter buttons: active state should match index, not blue block */
.nyxprism-page-eventos .wm-events-filters button,
.nyxprism-page-eventos .wm-events-filters .wm-events-filter,
.nyxprism-page-eventos .wm-events-filters [role="tab"]{
  background:#ffffff !important;
  color:#53657a !important;
}
.nyxprism-page-eventos .wm-events-filters button::before,
.nyxprism-page-eventos .wm-events-filters .wm-events-filter::before,
.nyxprism-page-eventos .wm-events-filters [role="tab"]::before{
  background:var(--cyan) !important;
}
.nyxprism-page-eventos .wm-events-filters button.is-active,
.nyxprism-page-eventos .wm-events-filters button[aria-selected="true"],
.nyxprism-page-eventos .wm-events-filters button[aria-pressed="true"],
.nyxprism-page-eventos .wm-events-filters .wm-events-filter.is-active,
.nyxprism-page-eventos .wm-events-filters .wm-events-filter[aria-selected="true"],
.nyxprism-page-eventos .wm-events-filters [role="tab"].is-active,
.nyxprism-page-eventos .wm-events-filters [role="tab"][aria-selected="true"]{
  background:#101824 !important;
  color:#ffffff !important;
  border-color:#101824 !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%) !important;
}
.nyxprism-page-eventos .wm-events-filters button.is-active::before,
.nyxprism-page-eventos .wm-events-filters button[aria-selected="true"]::before,
.nyxprism-page-eventos .wm-events-filters button[aria-pressed="true"]::before,
.nyxprism-page-eventos .wm-events-filters .wm-events-filter.is-active::before,
.nyxprism-page-eventos .wm-events-filters .wm-events-filter[aria-selected="true"]::before,
.nyxprism-page-eventos .wm-events-filters [role="tab"].is-active::before,
.nyxprism-page-eventos .wm-events-filters [role="tab"][aria-selected="true"]::before{
  width:0 !important;
  height:0 !important;
}
.nyxprism-page-eventos .wm-events-filters button *{
  color:inherit !important;
}

/* Section icons / title accents */
.nyxprism-page-eventos .wm-events-section__head span,
.nyxprism-page-eventos .wm-events-table .wm-events-table__title span{
  width:38px !important;
  height:38px !important;
}


/* ==========================================================
   v1.8.3 — EVENTOS: quitar bloque oscuro superior definitivamente
   Selectores de mayor especificidad para vencer el contrato global
   del CMS sin tocar el módulo.
   ========================================================== */

/* HERO: ahora es una tarjeta clara y compacta, no un panel oscuro vacío. */
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-hero{
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid #d9e3ee !important;
  background:#ffffff !important;
  box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%) !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-hero::before{
  display:none !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-hero__backdrop{
  display:none !important;
  background:none !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-hero__content{
  min-height:0 !important;
  display:block !important;
  padding:0 !important;
  background:#ffffff !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-hero__copy{
  display:none !important;
}

/* Próximo evento ocupa TODO el ancho: elimina el enorme hueco de la izquierda. */
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next{
  width:100% !important;
  max-width:none !important;
  min-height:138px !important;
  justify-self:stretch !important;
  align-self:stretch !important;
  margin:0 !important;
  padding:22px 26px 20px 30px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(250px,340px) !important;
  grid-template-areas:
    "eyebrow crest"
    "title timer"
    "meta timer" !important;
  column-gap:28px !important;
  row-gap:7px !important;
  border:0 !important;
  border-left:6px solid var(--cyan) !important;
  border-radius:0 !important;
  background:#ffffff !important;
  color:#14233d !important;
  box-shadow:none !important;
  clip-path:none !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next::before{
  display:none !important;
  background:none !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next__ornament{
  display:none !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next__crest{
  grid-area:crest !important;
  position:static !important;
  justify-self:end !important;
  align-self:start !important;
  width:42px !important;
  height:42px !important;
  border:1px solid #cae7ee !important;
  border-radius:0 !important;
  background:#ecfbfd !important;
  color:var(--cyan) !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next__eyebrow{
  grid-area:eyebrow !important;
  color:var(--pink) !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  letter-spacing:.11em !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next h2{
  grid-area:title !important;
  margin:0 !important;
  color:#14233d !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  font-size:clamp(30px,3vw,46px) !important;
  line-height:.94 !important;
  text-transform:uppercase !important;
  letter-spacing:.01em !important;
  text-shadow:none !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next__meta{
  grid-area:meta !important;
  margin:0 !important;
  color:#687a91 !important;
  align-self:end !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next__meta span{
  color:inherit !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next__meta .wm-pill--state{
  min-height:28px !important;
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  border:1px solid #d7e2ed !important;
  background:#f3f7fa !important;
  color:#52647a !important;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%) !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next__timerwrap{
  grid-area:timer !important;
  align-self:center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next__timer{
  min-height:62px !important;
  padding:0 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #d5e0eb !important;
  border-radius:0 !important;
  background:#f8fafc !important;
  color:#14233d !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  font-size:clamp(28px,2.7vw,40px) !important;
  text-shadow:none !important;
}

/* TOOLBAR: reloj claro, como el resto del calendario. */
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-toolbar{
  display:grid !important;
  grid-template-columns:190px minmax(0,1fr) !important;
  align-items:center !important;
  gap:18px !important;
  padding:14px 16px !important;
  border:1px solid #d9e3ee !important;
  background:#ffffff !important;
  box-shadow:0 8px 20px rgba(15,23,42,.04) !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-clock{
  min-width:0 !important;
  padding:10px 14px !important;
  border:1px solid #d9e3ee !important;
  border-radius:0 !important;
  background:#f8fafc !important;
  color:#14233d !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%) !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-clock span{
  color:#738196 !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-clock strong{
  color:#14233d !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-clock small{
  color:#8290a4 !important;
}

/* FILTROS: el activo ya NO usa el gradiente azul del accent-runtime del CMS. */
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-filters{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  min-width:0 !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-filters button{
  --event-filter-accent:var(--cyan);
  min-height:42px !important;
  padding:0 15px !important;
  border:1px solid #d9e3ee !important;
  border-radius:0 !important;
  background:#ffffff !important;
  color:#53657a !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%) !important;
  font-family:var(--display-font) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-filters button.is-active{
  background:#101824 !important;
  background-image:none !important;
  border-color:#101824 !important;
  color:#ffffff !important;
  box-shadow:inset 0 -3px 0 var(--cyan) !important;
  transform:none !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-filters button.is-active::before{
  width:0 !important;
  height:0 !important;
  background:none !important;
}
body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-filters button.is-active:hover{
  background:#101824 !important;
  color:#ffffff !important;
  transform:translateY(-2px) !important;
}

/* Mobile */
@media(max-width:800px){
  body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "eyebrow"
      "title"
      "meta"
      "timer" !important;
    padding:18px !important;
  }
  body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-next__crest{
    display:none !important;
  }
  body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-toolbar{
    grid-template-columns:1fr !important;
  }
  body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-filters{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:3px !important;
  }
  body.nyxprism-page-eventos .wm-module-content .wm-events-page .wm-events-filters button{
    flex:0 0 auto !important;
  }
}
