.elementor-61 .elementor-element.elementor-element-877884f{--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;--justify-content:space-between;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-61 .elementor-element.elementor-element-877884f:not(.elementor-motion-effects-element-type-background), .elementor-61 .elementor-element.elementor-element-877884f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #632000B0 0%, #FFBFCF00 69%);}.elementor-61 .elementor-element.elementor-element-85a6fcb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-61 .elementor-element.elementor-element-aad84cd .woocommerce-breadcrumb > a{color:#CECECE;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-61 .elementor-element.elementor-element-7813a2b{width:var( --container-widget-width, 165px );max-width:165px;background-color:var( --e-global-color-65618ce );padding:5px 5px 5px 5px;--container-widget-width:165px;--container-widget-flex-grow:0;border-radius:4px 4px 4px 4px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-item > a{font-weight:700;}.elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.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-61 .elementor-element.elementor-element-250e113 .elementor-heading-title{font-family:"Orbitron", Sans-serif;font-size:110px;font-weight:800;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-61 .elementor-element.elementor-element-8d24053{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-1962280 );}.elementor-61 .elementor-element.elementor-element-8088507{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-61 .elementor-element.elementor-element-66e218b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-61 .elementor-element.elementor-element-66e218b.elementor-element{--align-self:center;}.elementor-61 .elementor-element.elementor-element-66e218b img{width:72%;}.elementor-61 .elementor-element.elementor-element-b596068{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:53px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-61 .elementor-element.elementor-element-0ea1ed3 .etlms-pagination{justify-content:center;}.elementor-61 .elementor-element.elementor-element-0ea1ed3 .etlms-course-list-main-wrap .tutor-course-list{column-gap:32px;row-gap:32px;}.elementor-61 .elementor-element.elementor-element-0ea1ed3 .etlms-course-list-main-wrap .tutor-course-card{border-radius:8px;}.elementor-61 .elementor-element.elementor-element-0ea1ed3 .etlms-course-list-main-wrap .tutor-course-card:hover{border-radius:8px;}.elementor-61 .elementor-element.elementor-element-0ea1ed3 .etlms-course-list-main-wrap .etlms-course-list-pagination-wrap .etlms-pagination{gap:10px;}@media(max-width:767px){.elementor-61 .elementor-element.elementor-element-aad84cd .woocommerce-breadcrumb{font-size:12px;text-align:center;}.elementor-61 .elementor-element.elementor-element-7813a2b{padding:4px 4px 4px 4px;--container-widget-width:124px;--container-widget-flex-grow:0;width:var( --container-widget-width, 124px );max-width:124px;}.elementor-61 .elementor-element.elementor-element-7813a2b.elementor-element{--align-self:center;}.elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-61 .elementor-element.elementor-element-7813a2b .elementor-icon-list-item > a{font-size:13px;}.elementor-61 .elementor-element.elementor-element-250e113{text-align:center;}.elementor-61 .elementor-element.elementor-element-8d24053{text-align:center;font-size:14px;}.elementor-61 .elementor-element.elementor-element-8088507.e-con{--order:-99999 /* order start hack */;}.elementor-61 .elementor-element.elementor-element-66e218b img{width:93%;}}@media(min-width:768px){.elementor-61 .elementor-element.elementor-element-877884f{--content-width:1200px;}.elementor-61 .elementor-element.elementor-element-85a6fcb{--width:55%;}.elementor-61 .elementor-element.elementor-element-8088507{--width:56%;}.elementor-61 .elementor-element.elementor-element-b596068{--content-width:1200px;}}/* Start custom CSS for image, class: .elementor-element-66e218b */.avatarimagecategory {
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;

  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
  mask-repeat: no-repeat;
  mask-size: cover;

  display: block;
}/* End custom CSS */
/* Start custom CSS for etlms-course-list, class: .elementor-element-0ea1ed3 *//* =========================
   TARGET REAL (ELEMENTOR + TUTOR)
   CYBERPUNK GAMER - ESTILO GOGO CARDS MORADO
========================= */

/* ====== VARIABLES ====== */
:root {
  --gogo-purple: #8a2eff;
  --gogo-pink: #c77dff;
  --gogo-cyan: #00ffff;
}

/* =========================
   TARJETA BASE
========================= */
body .elementor-widget-etlms-course-list 
.etlms-course-list-col 
.tutor-card.tutor-course-card {

  background: rgba(10, 10, 20, 0.8) !important;
  backdrop-filter: blur(2px) !important;

  border: 1px solid rgba(138, 46, 255, 0.2) !important;
  border-left: 3px solid var(--gogo-purple) !important;
  border-radius: 0 !important;

  box-shadow: 0 0 12px rgba(138, 46, 255, 0.2) !important;

  overflow: hidden !important;
  position: relative !important;

  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  animation: cardNeonPurple 4s infinite alternate !important;
}

/* ====== ANIMACIÓN NEÓN MORADO ====== */
@keyframes cardNeonPurple {
  0% { 
    box-shadow: 0 0 3px rgba(138, 46, 255, 0.15); 
    border-left-width: 3px; 
  }
  100% { 
    box-shadow: 0 0 15px rgba(138, 46, 255, 0.3); 
    border-left-width: 3px; 
  }
}

/* ====== HOVER ====== */
body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card:hover {

  transform: translateY(-6px) !important;

  box-shadow: 
    0 0 20px rgba(138, 46, 255, 0.4),
    0 0 40px rgba(138, 46, 255, 0.2) !important;

  border-left-color: var(--gogo-pink) !important;
  border-left-width: 3px !important;
}

/* =========================
   MARCO GOGO: ESQUINAS SUTILES
========================= */
body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card::before {

  content: "" !important;
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  width: 20px !important;
  height: 20px !important;

  border-top: 1px solid var(--gogo-purple) !important;
  border-left: 1px solid var(--gogo-purple) !important;

  pointer-events: none !important;
  z-index: 10 !important;
  opacity: 0.5 !important;
  transition: all 0.3s ease !important;
}

body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card::after {

  content: "" !important;
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  width: 20px !important;
  height: 20px !important;

  border-bottom: 1px solid var(--gogo-purple) !important;
  border-right: 1px solid var(--gogo-purple) !important;

  pointer-events: none !important;
  z-index: 10 !important;
  opacity: 0.5 !important;
  transition: all 0.3s ease !important;
}

/* ====== HOVER ESQUINAS ====== */
body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card:hover::before {
  width: 28px !important;
  height: 28px !important;
  border-color: var(--gogo-pink) !important;
  opacity: 0.9 !important;
  filter: drop-shadow(0 0 4px var(--gogo-pink)) !important;
}

body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card:hover::after {
  width: 28px !important;
  height: 28px !important;
  border-color: var(--gogo-pink) !important;
  opacity: 0.9 !important;
  filter: drop-shadow(0 0 4px var(--gogo-pink)) !important;
}

/* =========================
   LÍNEA DE ESCANEO SUTIL
========================= */
body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card 
.tutor-course-thumbnail::after {

  content: "" !important;
  position: absolute !important;
  width: 100% !important;
  height: 1px !important;

  background: linear-gradient(
    90deg, 
    transparent, 
    rgba(138, 46, 255, 0.4), 
    rgba(199, 125, 255, 0.6), 
    rgba(138, 46, 255, 0.4), 
    transparent
  ) !important;

  top: -5% !important;
  left: 0 !important;
  opacity: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;

  animation: scanLine 4s linear infinite !important;
}

@keyframes scanLine {
  0% { top: -5%; opacity: 0; }
  15% { opacity: 0.5; }
  85% { opacity: 0.5; }
  100% { top: 105%; opacity: 0; }
}

/* =========================
   OVERLAY GLITCH SUTIL
========================= */
body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card 
.tutor-card-body {

  position: relative !important;
}

body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card 
.tutor-card-body::before {

  content: "" !important;
  position: absolute !important;
  inset: 0 !important;

  background: repeating-linear-gradient(
    0deg,
    rgba(138, 46, 255, 0.015) 0px,
    rgba(199, 125, 255, 0.015) 2px,
    transparent 3px,
    transparent 8px
  ) !important;

  pointer-events: none !important;
  z-index: 5 !important;
  opacity: 0.4 !important;
  animation: vhsLines 10s infinite linear !important;
}

@keyframes vhsLines {
  0% { opacity: 0.2; background-position: 0 0; }
  25% { opacity: 0.4; background-position: 0 2px; }
  50% { opacity: 0.15; background-position: 0 -2px; }
  75% { opacity: 0.5; background-position: 0 1px; }
  100% { opacity: 0.2; background-position: 0 0; }
}

body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card:hover 
.tutor-card-body::before {
  animation: glitchFlash 0.3s infinite !important;
}

@keyframes glitchFlash {
  0% { opacity: 0.1; background: rgba(138,46,255,0.05); }
  50% { opacity: 0.2; background: rgba(199,125,255,0.08); }
  100% { opacity: 0.1; background: rgba(138,46,255,0.05); }
}

/* =========================
   TÍTULO SUTIL
========================= */
body .elementor-widget-etlms-course-list 
.tutor-course-name a {

  font-family: 'Orbitron', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 1.5px !important;
  
  color: #d4c5f0 !important;
  text-shadow: 0 0 4px rgba(138, 46, 255, 0.3) !important;

  padding: 4px 14px !important;
  border: 1px solid rgba(138, 46, 255, 0.25) !important;
  background: rgba(10, 10, 20, 0.6) !important;

  display: inline-block !important;
  position: relative !important;
  z-index: 6 !important;

  transition: all 0.3s ease !important;
}

body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card:hover 
.tutor-course-name a {

  color: #ffffff !important;
  text-shadow: 0 0 6px rgba(199, 125, 255, 0.5) !important;
  border-color: rgba(199, 125, 255, 0.5) !important;
}

/* =========================
   TEXTO GENERAL
========================= */
body .elementor-widget-etlms-course-list 
.tutor-card-body * {
  color: #c0b8d0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.85rem !important;
  position: relative !important;
  z-index: 6 !important;
}

/* =========================
   BOTÓN GOGO MORADO SUTIL
========================= */
body .elementor-widget-etlms-course-list 
.tutor-card-footer a {

  background: transparent !important;
  border: 1px solid rgba(138, 46, 255, 0.4) !important;
  color: #d4c5f0 !important;

  padding: 10px 20px !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;

  display: block !important;
  text-align: center !important;
  text-decoration: none !important;

  clip-path: polygon(
    0 0, 95% 0, 100% 30%, 100% 100%, 5% 100%, 0 70%
  ) !important;

  position: relative !important;
  z-index: 6 !important;
  transition: all 0.3s ease !important;
}

/* ====== HOVER BOTÓN ====== */
body .elementor-widget-etlms-course-list 
.tutor-card-footer a:hover {

  background: rgba(138, 46, 255, 0.2) !important;
  color: #ffffff !important;
  border-color: var(--gogo-pink) !important;

  box-shadow: 0 0 15px rgba(138, 46, 255, 0.3) !important;
  transform: scale(1.02) !important;
}

/* =========================
   PRECIO / BADGE SUTIL
========================= */
body .elementor-widget-etlms-course-list 
.tutor-course-price,
body .elementor-widget-etlms-course-list 
[class*="badge"] {

  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  color: #d4c5f0 !important;

  text-shadow: 0 0 4px rgba(138, 46, 255, 0.3) !important;

  background: rgba(138, 46, 255, 0.08) !important;
  border: 1px solid rgba(138, 46, 255, 0.2) !important;
  padding: 4px 12px !important;

  position: relative !important;
  z-index: 6 !important;
  transition: all 0.3s ease !important;
}

body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card:hover 
.tutor-course-price,
body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card:hover 
[class*="badge"] {

  border-color: rgba(199, 125, 255, 0.4) !important;
  color: #ffffff !important;
  text-shadow: 0 0 6px rgba(199, 125, 255, 0.5) !important;
}

/* =========================
   THUMBNAIL SUTIL
========================= */
body .elementor-widget-etlms-course-list 
.tutor-course-thumbnail {
  position: relative !important;
  overflow: hidden !important;
}

body .elementor-widget-etlms-course-list 
.tutor-course-thumbnail img {
  transition: transform 0.4s ease !important;
}

body .elementor-widget-etlms-course-list 
.tutor-card.tutor-course-card:hover 
.tutor-course-thumbnail img {
  transform: scale(1.03) !important;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 768px) {
  body .elementor-widget-etlms-course-list 
  .tutor-card.tutor-course-card:hover {
    transform: translateY(-4px) !important;
  }

  body .elementor-widget-etlms-course-list 
  .tutor-card.tutor-course-card::before,
  body .elementor-widget-etlms-course-list 
  .tutor-card.tutor-course-card::after {
    width: 16px !important;
    height: 16px !important;
  }

  body .elementor-widget-etlms-course-list 
  .tutor-card.tutor-course-card:hover::before,
  body .elementor-widget-etlms-course-list 
  .tutor-card.tutor-course-card:hover::after {
    width: 24px !important;
    height: 24px !important;
  }

  body .elementor-widget-etlms-course-list 
  .tutor-course-name a {
    font-size: 12px !important;
    letter-spacing: 1px !important;
    padding: 3px 10px !important;
  }

  body .elementor-widget-etlms-course-list 
  .tutor-card-footer a {
    font-size: 10px !important;
    padding: 8px 16px !important;
  }
}

@media (max-width: 480px) {
  body .elementor-widget-etlms-course-list 
  .tutor-card.tutor-course-card::before {
    top: 5px !important;
    left: 5px !important;
  }

  body .elementor-widget-etlms-course-list 
  .tutor-card.tutor-course-card::after {
    bottom: 5px !important;
    right: 5px !important;
  }
}/* End custom CSS */