.elementor-730 .elementor-element.elementor-element-6756586{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-730 .elementor-element.elementor-element-37df83e > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-730 .elementor-element.elementor-element-37df83e .tutor-course-thumbnail{border-radius:8px 8px 8px 8px;}.elementor-730 .elementor-element.elementor-element-19a53bb{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-730 .elementor-element.elementor-element-28e1b8e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-730 .elementor-element.elementor-element-28e1b8e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-730 .elementor-element.elementor-element-f073b68{text-align:left;}.elementor-730 .elementor-element.elementor-element-f073b68 .tutor-course-details-title{color:var( --e-global-color-text );}.elementor-widget-author-box .elementor-author-box__name{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-author-box .elementor-author-box__bio{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-widget-author-box .elementor-author-box__button{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-author-box .elementor-author-box__button:hover{border-color:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-730 .elementor-element.elementor-element-1902af4 .elementor-author-box__name{color:var( --e-global-color-text );font-family:"Oooh Baby", Sans-serif;font-weight:800;}.elementor-widget-theme-post-content{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-730 .elementor-element.elementor-element-1fbf126 .etlms-course-curriculum .tutor-course-content-title{color:var( --e-global-color-text );margin-bottom:-10px;}.elementor-730 .elementor-element.elementor-element-1fbf126 .etlms-course-curriculum .tutor-accordion-item-header:after{font-size:16px;color:var( --e-global-color-accent );}.elementor-730 .elementor-element.elementor-element-1fbf126 .etlms-course-curriculum .tutor-accordion-item-header{color:#FCFCFC !important;background-color:#181717;border-radius:5px 5px 5px 5px;padding:15px 20px 15px 20px;}.elementor-730 .elementor-element.elementor-element-1fbf126 .tutor-accordion-item-header.is-active{color:var( --e-global-color-accent );}{WRAPPER}} .tutor-accordion-item-header.is-active{background-color:#444444 !important;}.elementor-730 .elementor-element.elementor-element-1fbf126 .tutor-accordion-item-body-content .tutor-course-content-list-item-icon{font-size:18px;color:#939AA3;}.elementor-730 .elementor-element.elementor-element-1fbf126 .tutor-accordion-item-body-content .tutor-course-content-list-item-title{color:var( --e-global-color-text );}.elementor-730 .elementor-element.elementor-element-1fbf126 .tutor-course-content-list-item div .tutor-color-muted{color:#C0C0C0 !important;}.elementor-730 .elementor-element.elementor-element-1fbf126 .tutor-course-content-list li.tutor-course-content-list-item{background-color:var( --e-global-color-primary );border-top-width:1px;border-color:#E1EBF0;padding:8px 16px 8px 16px;}.elementor-730 .elementor-element.elementor-element-1fbf126 .tutor-accordion-item:not(:last-child){margin-bottom:20px;}.elementor-730 .elementor-element.elementor-element-2d2e9e3{--display:flex;}.etlms-enrollment-btn-align-left .tutor-card-body{text-align:left !important;}.etlms-enrollment-btn-align-center .tutor-card-body{text-align:center !important;}.etlms-enrollment-btn-align-right .tutor-card-body{text-align:right !important;}.etlms-enrollment-btn-align-center .etlms-course-enroll-date, .etlms-enrollment-btn-align-right .etlms-course-enroll-date{text-align:left !important;}.etlms-course-enroll-buttons-size-large .tutor-btn{font-size:18px;padding:10px 20px;}.etlms-course-enroll-buttons-size-small .tutor-btn{font-size:14px;padding:5px 12px;}.etlms-course-enroll-buttons-width-auto .tutor-btn{width:auto !important;display:inline-flex !important;}.elementor-730 .elementor-element.elementor-element-fc745b4 .tutor-btn-primary.tutor-add-to-cart-button, .tutor-btn-primary.tutor-native-add-to-cart{color:var( --e-global-color-text );background-color:var( --e-global-color-accent );border-radius:3px 3px 3px 3px;}.elementor-730 .elementor-element.elementor-element-fc745b4 .tutor-card-body .tutor-enroll-course-button{color:var( --e-global-color-text );background-color:var( --e-global-color-accent );border-radius:3px 3px 3px 3px;}.elementor-730 .elementor-element.elementor-element-fc745b4 .tutor-card-body .start-continue-retake-button{color:var( --e-global-color-text );background-color:var( --e-global-color-accent );border-radius:3px 3px 3px 3px;}.elementor-730 .elementor-element.elementor-element-fc745b4 .tutor-card-body [name=complete_course_btn]{color:var( --e-global-color-text );background-color:var( --e-global-color-accent );border-radius:3px 3px 3px 3px;}.elementor-730 .elementor-element.elementor-element-fc745b4 .etlms-course-enroll-info-wrapper .tutor-icon-purchase-mark{color:var( --e-global-color-text );font-size:16px !important;}.elementor-730 .elementor-element.elementor-element-fc745b4 .etlms-course-enroll-info-wrapper .tutor-enrolled-info-text{color:var( --e-global-color-text );}.elementor-730 .elementor-element.elementor-element-fc745b4 .etlms-course-enroll-info-wrapper .tutor-enrolled-info-date{color:var( --e-global-color-text );}.elementor-730 .elementor-element.elementor-element-fc745b4 .tutor-card-footer{background-color:var( --e-global-color-accent );border-radius:6px 6px 6px 6px;}.elementor-730 .elementor-element.elementor-element-fc745b4 .tutor-card-footer .etlms-enrolled-icon{font-size:15px;color:var( --e-global-color-secondary );}.elementor-730 .elementor-element.elementor-element-fc745b4 .tutor-card-footer .etlms-enrolled-level{color:var( --e-global-color-text );}.elementor-730 .elementor-element.elementor-element-fc745b4 .tutor-card-footer .etlms-enrolled-value, .elementor-730 .elementor-element.elementor-element-fc745b4 .tutor-card-footer .etlms-enrolled-value .tutor-meta-level, .elementor-730 .elementor-element.elementor-element-fc745b4 .tutor-card-footer .etlms-enrolled-value .tutor-meta-value{color:var( --e-global-color-secondary );}.elementor-730 .elementor-element.elementor-element-9fa89b8 .etlms-course-widget-list-items li{display:list-item;}.elementor-730 .elementor-element.elementor-element-9fa89b8 > .elementor-widget-container{padding:0px 0px 0px 25px;}.elementor-730 .elementor-element.elementor-element-9fa89b8.etlms-course-materials{text-align:flex-start;}.elementor-730 .elementor-element.elementor-element-9fa89b8 .etlms-course-widget-title{color:var( --e-global-color-text );}.elementor-730 .elementor-element.elementor-element-9fa89b8 .etlms-course-widget-list-items li .tutor-list-label{color:var( --e-global-color-text );}@media(max-width:767px){.elementor-730 .elementor-element.elementor-element-6756586{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-730 .elementor-element.elementor-element-37df83e > .elementor-widget-container{margin:0px 0px 60px 0px;padding:0px 0px 0px 0px;}.elementor-730 .elementor-element.elementor-element-19a53bb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-730 .elementor-element.elementor-element-28e1b8e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-730 .elementor-element.elementor-element-1902af4{margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-730 .elementor-element.elementor-element-71045d7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-730 .elementor-element.elementor-element-2d2e9e3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-730 .elementor-element.elementor-element-9fa89b8 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-730 .elementor-element.elementor-element-6756586{--content-width:1220px;}.elementor-730 .elementor-element.elementor-element-28e1b8e{--width:60.625%;}}/* Start custom CSS *//* ==========================================================================
   SOPHOS TRIBE - SINGLE COURSE MASTER STYLESHEET (DEFINITIVO)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. REPRODUCTOR DE VIDEO (PLYR): LIMPIO Y EN ROJO INSTITUCIONAL
   -------------------------------------------------------------------------- */
:root,
.plyr,
.plyr--video {
  --plyr-color-main: #ff2a22 !important;
  --plyr-video-control-color: #ffffff !important;
  --plyr-video-control-color-hover: #ff2a22 !important;
  --plyr-range-fill-background: #ff2a22 !important;
  --plyr-range-thumb-background: #ffffff !important;
  --plyr-range-track-background: rgba(255, 255, 255, 0.2) !important;
}

html body .elementor-widget-tutor-course-thumbnail,
html body .elementor-widget-tutor-course-thumbnail .tutor-ratio,
html body .elementor-widget-tutor-course-thumbnail .tutor-ratio-16x9,
html body .tutor-course-player,
html body .plyr--video {
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #000000 !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.95),
              0 0 35px rgba(255, 42, 34, 0.15) !important;
  overflow: hidden !important;
}

html body .plyr__control--overlaid,
html body button.plyr__control--overlaid,
html body [data-plyr="play"].plyr__control--overlaid {
  background: rgba(255, 42, 34, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 50% !important;
  width: 68px !important;
  height: 68px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8),
              0 0 35px rgba(255, 42, 34, 0.65) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .plyr__control--overlaid svg,
html body button.plyr__control--overlaid svg {
  width: 24px !important;
  height: 24px !important;
  fill: #ffffff !important;
  stroke: none !important;
  margin-left: 3px !important;
}

html body .plyr--video .plyr__controls {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%) !important;
  padding: 24px 20px 14px 20px !important;
  gap: 12px !important;
}

html body .plyr__controls .plyr__control,
html body .plyr__controls button {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 6px !important;
}

html body .plyr__controls .plyr__control svg,
html body .plyr__controls button svg {
  fill: #e5e5e5 !important;
  color: #e5e5e5 !important;
  stroke: none !important;
}

html body .plyr__controls .plyr__control:hover svg {
  fill: #ff2a22 !important;
  color: #ff2a22 !important;
}

html body .plyr--video input[type="range"] {
  accent-color: #ff2a22 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body .plyr__progress__played,
html body .plyr__volume--display {
  background: #ff2a22 !important;
  color: #ff2a22 !important;
}

html body .plyr--video input[type="range"]::-webkit-slider-thumb {
  background: #ffffff !important;
  border: 2px solid #ff2a22 !important;
  box-shadow: 0 0 8px rgba(255, 42, 34, 0.8) !important;
}

html body .plyr__time {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #a3a3a3 !important;
}

/* --------------------------------------------------------------------------
   2. CABECERA: TÍTULO Y AUTOR CON ESTILO MANUSCRITO
   -------------------------------------------------------------------------- */
html body .elementor-widget-tutor-course-title h1,
html body .tutor-course-name {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: clamp(26px, 3.2vw, 38px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  margin-top: 10px !important;
  margin-bottom: 8px !important;
}

html body .elementor-widget-tutor-course-author,
html body .elementor-widget-tutor-course-author *,
html body .tutor-course-author,
html body .tutor-course-author *,
html body .tutor-author-name {
  font-style: italic !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: #ff544c !important;
  font-size: 17px !important;
}

html body .elementor-widget-theme-post-content,
html body .elementor-widget-tutor-course-content {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 25px !important;
  color: #b3b3b3 !important;
}

/* --------------------------------------------------------------------------
   3. TARJETA SIDEBAR: PRECIO BLANCO CENTRADO Y CERO LÍNEAS FANTASMA
   -------------------------------------------------------------------------- */
html body .tutor-card,
html body .tutor-course-sidebar-card,
html body .tutor-single-course-sidebar {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 20px !important;
  padding: 30px 24px !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.95),
              0 0 25px rgba(255, 42, 34, 0.1) !important;
  box-sizing: border-box !important;
}

html body .tutor-card .tutor-card-body {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* A. Centrado y color del precio activo (aislado para no tocar el footer) */
html body .tutor-card .tutor-card-body > div:first-child,
html body .tutor-card .tutor-price-preview-box,
html body .tutor-card .tutor-course-price {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 auto 20px auto !important;
}

html body .tutor-card .tutor-card-body .tutor-fs-4,
html body .tutor-card .tutor-card-body .tutor-fs-4 *,
html body .tutor-card .tutor-price-preview-box *,
html body .tutor-card .tutor-course-price * {
  color: #ffffff !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

/* Precio tachado */
html body .tutor-card .tutor-card-body .tutor-fs-4 del,
html body .tutor-card .tutor-card-body .tutor-fs-4 del * {
  font-size: 14px !important;
  color: #666666 !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  margin-right: 8px !important;
}

/* B. Botón Primario: 100% de ancho */
html body .tutor-card form,
html body .tutor-card .tutor-course-purchase-box {
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

html body .tutor-card .tutor-btn-primary,
html body .tutor-card .tutor-course-purchase-btn,
html body .tutor-card .single_add_to_cart_button,
html body .tutor-card .tutor-btn-enroll,
html body .tutor-card a.tutor-btn:not(.tutor-btn-outline-primary) {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 15px 24px !important;
  background: #ff2a22 !important;
  background-color: #ff2a22 !important;
  color: #ffffff !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 50px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 0 24px rgba(255, 42, 34, 0.45) !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-align: center !important;
  display: block !important;
  margin: 0 !important;
}

html body .tutor-card .tutor-btn-primary:hover,
html body .tutor-card .tutor-course-purchase-btn:hover {
  background: #ff433b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 32px rgba(255, 42, 34, 0.75) !important;
}

/* Botón secundario discreto (Complete course) */
html body .tutor-card .tutor-course-compelte-btn,
html body .tutor-card button[name="complete_course_btn"],
html body .tutor-card .tutor-btn-outline-primary {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 20px !important;
  background: rgba(40, 40, 40, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  display: block !important;
  text-align: center !important;
  margin: 0 0 14px 0 !important;
}

/* C. Eliminar definitivamente las líneas fantasma y el hueco */
html body .tutor-card hr,
html body .tutor-card .tutor-hr,
html body .tutor-card [class*="hr"],
html body .tutor-card .tutor-my-24,
html body .tutor-card .tutor-my-20 {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

html body .tutor-card .tutor-card-footer,
html body .tutor-card-footer {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* D. Metadatos: Icono pegado a su etiqueta a la izquierda y valor a la derecha */
html body .tutor-card ul.tutor-ul {
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 20px 6px 0 6px !important;
  margin: 20px 0 0 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Quitamos space-between para que la etiqueta no flote en el centro */
html body .tutor-card ul.tutor-ul li {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  padding: 2px 0 !important;
  border: none !important;
}

/* 1. Icono a la izquierda con separación fija de 10px respecto a su texto */
html body .tutor-card ul.tutor-ul li [class*="tutor-icon"] {
  font-family: 'tutor' !important;
  color: #ff2a22 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  margin: 0 10px 0 0 !important;
  flex-shrink: 0 !important;
}

/* 2. Etiqueta (Level, Total Enrolled, Last Updated) pegada al icono en gris suave */
html body .tutor-card ul.tutor-ul li > *:not(:last-child) {
  display: inline-flex !important;
  align-items: center !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #999999 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

/* 3. Valor (Todos los niveles, 1, fecha) empujado al extremo derecho en blanco */
html body .tutor-card ul.tutor-ul li > *:last-child {
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  text-align: right !important;
  margin-left: auto !important; /* Esto empuja solo el valor final a la derecha */
}

/* --------------------------------------------------------------------------
   4. MATERIALES DEL CURSO ("Este curso incluye")
   -------------------------------------------------------------------------- */
html body .elementor-widget-tutor-course-materials {
  margin-top: 26px !important;
}

html body .elementor-widget-tutor-course-materials h3,
html body .elementor-widget-tutor-course-materials h4 {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 16px !important;
}

html body .elementor-widget-tutor-course-materials ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

html body .elementor-widget-tutor-course-materials li {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #b5b5b5 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

html body .elementor-widget-tutor-course-materials li [class*="tutor-icon"],
html body .elementor-widget-tutor-course-materials li::before {
  color: #ff2a22 !important;
  font-weight: 800 !important;
}

/* --------------------------------------------------------------------------
   5. TEMARIO DEL CURSO (CURRÍCULUM STREAMING)
   -------------------------------------------------------------------------- */
html body .tutor-accordion-item,
html body .tutor-course-topic {
  background: rgba(255, 255, 255, 0.025) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}

html body .tutor-accordion-item:hover,
html body .tutor-course-topic:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

html body .tutor-accordion-item-header,
html body .tutor-course-topic-title {
  padding: 18px 22px !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: transparent !important;
}

html body .tutor-accordion-item-header::after,
html body .tutor-course-topic-title::after,
html body .tutor-icon-angle-right {
  color: #ff2a22 !important;
}

html body .tutor-course-lessons,
html body .tutor-accordion-item-body {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: rgba(0, 0, 0, 0.25) !important;
}

html body .tutor-course-lesson {
  padding: 13px 22px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
}

html body .tutor-lesson-title,
html body .tutor-course-lesson a {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #cccccc !important;
  text-decoration: none !important;
}

html body .tutor-course-lesson:hover .tutor-lesson-title,
html body .tutor-course-lesson:hover a {
  color: #ffffff !important;
}

html body .tutor-icon-lock,
html body .tutor-icon-lock-bold,
html body .tutor-icon-eye {
  color: #666666 !important;
}

/* --------------------------------------------------------------------------
   6. RESPONSIVE MÓVIL (< 768px): REORDENAMIENTO POR POSICIÓN ESTRUCTURAL
   Flujo: Video -> Título -> Autor -> Descripción -> Inscripción -> Materiales -> Temario
   -------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  /* Evitar que el título se monte encima del video */
  html body .elementor-widget-tutor-course-thumbnail,
  html body .tutor-course-player {
    margin-bottom: 18px !important;
  }

  /* A. Contenedor padre de las dos columnas a Flex Vertical */
  html body .e-con .e-con,
  html body .e-con .e-con > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  /* B. Disolver las dos sub-columnas (izquierda y derecha) para unir sus hijos */
  html body .e-con .e-con .e-con,
  html body .e-con .e-con .e-con > .e-con-inner {
    display: contents !important;
  }

  /* C. Ordenar los 4 elementos de la Columna Izquierda (1er contenedor hijo) */

  /* 1. TÍTULO DEL CURSO (Hijo 1 de la col izquierda) */
  html body .e-con .e-con > .e-con:first-child > .elementor-element:nth-child(1),
  html body .e-con .e-con > .e-con-inner > .e-con:first-child > .elementor-element:nth-child(1),
  html body .e-con .e-con > .e-con:first-child > .e-con-inner > .elementor-element:nth-child(1),
  html body .e-con .e-con > .e-con-inner > .e-con:first-child > .e-con-inner > .elementor-element:nth-child(1) {
    order: 1 !important;
    width: 100% !important;
    margin-top: 8px !important;
  }

  /* 2. CAJA DE AUTOR (Hijo 2 de la col izquierda) */
  html body .e-con .e-con > .e-con:first-child > .elementor-element:nth-child(2),
  html body .e-con .e-con > .e-con-inner > .e-con:first-child > .elementor-element:nth-child(2),
  html body .e-con .e-con > .e-con:first-child > .e-con-inner > .elementor-element:nth-child(2),
  html body .e-con .e-con > .e-con-inner > .e-con:first-child > .e-con-inner > .elementor-element:nth-child(2) {
    order: 2 !important;
    width: 100% !important;
  }

  /* 3. CONTENIDO DE LA ENTRADA / DESCRIPCIÓN (Hijo 3 de la col izquierda) */
  html body .e-con .e-con > .e-con:first-child > .elementor-element:nth-child(3),
  html body .e-con .e-con > .e-con-inner > .e-con:first-child > .elementor-element:nth-child(3),
  html body .e-con .e-con > .e-con:first-child > .e-con-inner > .elementor-element:nth-child(3),
  html body .e-con .e-con > .e-con-inner > .e-con:first-child > .e-con-inner > .elementor-element:nth-child(3) {
    order: 3 !important;
    width: 100% !important;
    margin-bottom: 24px !important;
  }

  /* 6. CURRÍCULUM DEL CURSO / TEMARIO (Hijo 4 de la col izquierda -> Pasa al final) */
  html body .e-con .e-con > .e-con:first-child > .elementor-element:nth-child(4),
  html body .e-con .e-con > .e-con-inner > .e-con:first-child > .elementor-element:nth-child(4),
  html body .e-con .e-con > .e-con:first-child > .e-con-inner > .elementor-element:nth-child(4),
  html body .e-con .e-con > .e-con-inner > .e-con:first-child > .e-con-inner > .elementor-element:nth-child(4) {
    order: 6 !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

  /* D. Ordenar los 2 elementos de la Columna Derecha (2do contenedor hijo) */

  /* 4. CASILLA DE INSCRIPCIÓN (Hijo 1 de la col derecha -> Sube después de descripción) */
  html body .e-con .e-con > .e-con:last-child > .elementor-element:nth-child(1),
  html body .e-con .e-con > .e-con-inner > .e-con:last-child > .elementor-element:nth-child(1),
  html body .e-con .e-con > .e-con:last-child > .e-con-inner > .elementor-element:nth-child(1),
  html body .e-con .e-con > .e-con-inner > .e-con:last-child > .e-con-inner > .elementor-element:nth-child(1) {
    order: 4 !important;
    width: 100% !important;
    margin-bottom: 24px !important;
  }

  /* 5. MATERIALES DEL CURSO (Hijo 2 de la col derecha -> Debajo de inscripción) */
  html body .e-con .e-con > .e-con:last-child > .elementor-element:nth-child(2),
  html body .e-con .e-con > .e-con-inner > .e-con:last-child > .elementor-element:nth-child(2),
  html body .e-con .e-con > .e-con:last-child > .e-con-inner > .elementor-element:nth-child(2),
  html body .e-con .e-con > .e-con-inner > .e-con:last-child > .e-con-inner > .elementor-element:nth-child(2) {
    order: 5 !important;
    width: 100% !important;
    margin-bottom: 28px !important;
  }

  /* Ajustes táctiles de la tarjeta */
  html body .tutor-card,
  html body .tutor-course-sidebar-card {
    padding: 22px 18px !important;
    border-radius: 16px !important;
  }
}/* End custom CSS */