/* ==========================================================
   CURSO 2616 – SKIN EXCLUSIVA (Tutor LMS)
   Scope total: body.postid-2616
   ========================================================== */

body.postid-2616{
  /* ---------- Paleta ---------- */
  --course-accent:      #bba04f;   /* dorado (títulos/acentos) */
  --gold-main:          #C7A54A;   /* dorado (bloques/sidebars) */
  --red-accent:         #8B1E2D;   /* granate (CTAs/activo) */
  --red-accent-hover:   #6F1622;

  /* ---------- Tutor (por si se reutiliza) ---------- */
  --tutor-color-primary:        #001689;
  --tutor-color-primary-hover:  #000f5e;
  --tutor-color-text:           #e9e9e9;
  --tutor-color-muted:          #b9b9b9;
  --tutor-color-border:         rgba(255,255,255,.15);

  background: #0b0f1a;
}

/* ==========================================================
   1) CONTENEDOR PRINCIPAL
   ========================================================== */
body.postid-2616 .tutor-course-details{
  max-width: 1100px;
  margin: 40px auto;
  padding: 32px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--tutor-color-border);
}

/* Estilo general botones dentro del curso */
body.postid-2616 .tutor-btn{
  border-radius: 14px;
  font-weight: 600;
}

/* Título del curso */
body.postid-2616 h1.tutor-course-details-title{
  color: var(--course-accent);
}

/* ==========================================================
   2) ACCIÓN "COMPARTIR" (tu tema fuerza a{color:...!important})
   ========================================================== */
body.postid-2616 a.tutor-btn.tutor-btn-ghost.tutor-course-share-btn{
  color: var(--course-accent) !important;
}
body.postid-2616 a.tutor-btn.tutor-btn-ghost.tutor-course-share-btn:is(:hover,:focus,:active){
  color: var(--course-accent) !important;
  opacity: .85;
}
body.postid-2616 a.tutor-btn.tutor-btn-ghost.tutor-course-share-btn .tutor-icon-share{
  color: var(--course-accent) !important;
}

/* ==========================================================
   3) SIDEBAR: TARJETA PRINCIPAL (precio, CTA, footer info)
   ========================================================== */

/* Quitar borde blanco nativo */
body.postid-2616 .tutor-single-course-sidebar .tutor-sidebar-card{
  border: none !important;
}

/* Body + Footer con mismo look dorado */
body.postid-2616 .tutor-single-course-sidebar .tutor-sidebar-card :is(.tutor-card-body, .tutor-card-footer){
  background-color: var(--gold-main);
  color: #fff;
}

/* Texto/íconos en blanco (pisar tutor-color-black / secondary) */
body.postid-2616 .tutor-single-course-sidebar .tutor-sidebar-card :is(.tutor-card-body, .tutor-card-footer)
:is(h1,h2,h3,h4,h5,h6,p,span,small,strong,em,i,a,svg){
  color: #fff !important;
}

/* SVGs (si aparecen en algún punto) */
body.postid-2616 .tutor-single-course-sidebar .tutor-sidebar-card svg,
body.postid-2616 .tutor-single-course-sidebar .tutor-sidebar-card svg *{
  fill: #fff !important;
  stroke: #fff !important;
}

/* Separador suave entre body y footer */
body.postid-2616 .tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-footer{
  border-top: 1px solid rgba(255,255,255,.25);
}

/* CTA: Inscríbete (granate) */
body.postid-2616 button.tutor-btn.tutor-btn-primary.tutor-enroll-course-button{
  background-color: var(--red-accent) !important;
  border-color: var(--red-accent) !important;
  color: #fff !important;
}
body.postid-2616 button.tutor-btn.tutor-btn-primary.tutor-enroll-course-button:is(:hover,:focus,:active){
  background-color: var(--red-accent-hover) !important;
  border-color: var(--red-accent-hover) !important;
  color: #fff !important;
}

/* Texto justo debajo del botón (quirúrgico) */
body.postid-2616 .tutor-sidebar-card .tutor-card-body .tutor-course-single-btn-group
+ .tutor-fs-7.tutor-color-muted.tutor-text-center{
  color: var(--red-accent) !important;
}

/* Botón "Completar curso" (granate) */
body.postid-2616 button.tutor-btn.tutor-btn-outline-primary.tutor-btn-block{
  color: #fff !important;
  border-color: var(--red-accent) !important;
  background-color: var(--red-accent) !important;
}
body.postid-2616 button.tutor-btn.tutor-btn-outline-primary.tutor-btn-block:hover{
  color: #fff !important;
  border-color: var(--red-accent-hover) !important;
  background-color: var(--red-accent-hover) !important;
}

/* ==========================================================
   4) SIDEBAR: BLOQUE "MORE" (dorado + texto blanco)
   ========================================================== */
body.postid-2616 .tutor-single-course-sidebar-more{
  background-color: var(--gold-main) !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0;
  padding: 24px;
}

body.postid-2616 .tutor-single-course-sidebar-more
:is(h1,h2,h3,h4,h5,h6,p,span,small,strong,em,i,a){
  color: #fff !important;
}

/* ==========================================================
   5) INSTRUCTORES (dorado interno + avatar circular)
   ========================================================== */
body.postid-2616 .tutor-course-details-instructors{
  background-color: var(--gold-main) !important;
  border: none !important;
  border-radius: 0;
}

/* Interior dorado (excepto avatar y su contenido) */
body.postid-2616 .tutor-course-details-instructors *:not(.tutor-avatar):not(.tutor-avatar *){
  background-color: var(--gold-main);
}

/* Texto/íconos blancos */
body.postid-2616 .tutor-course-details-instructors
:is(h1,h2,h3,h4,h5,h6,p,span,small,strong,em,i,a){
  color: #fff !important;
}

/* Avatar circular */
body.postid-2616 .tutor-course-details-instructors .tutor-avatar{
  border-radius: 50% !important;
  overflow: hidden;
  background-color: #0F0F0F;
}

/* ==========================================================
   6) NAV TABS (dorado + granate)
   ========================================================== */
body.postid-2616 nav.tutor-nav{
  background-color: var(--gold-main);
  border: none;
  border-radius: 0;
}

body.postid-2616 .tutor-nav-item{ border: none; }

body.postid-2616 .tutor-nav-link{
  color: var(--red-accent) !important;
  background: transparent;
  border-radius: 0;
  font-weight: 600;
}
body.postid-2616 .tutor-nav-link:hover{
  color: var(--red-accent-hover) !important;
}
body.postid-2616 .tutor-nav-link.is-active{
  background-color: var(--red-accent);
  color: #fff !important;
}

/* Subrayado activo (si Tutor lo usa en este tipo de nav) */
body.postid-2616 .tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link.is-active{
  border-bottom-color: #fff !important;
}

/* ==========================================================
   7) CONTENIDO (Información / Reseñas)
   ========================================================== */
body.postid-2616 .tutor-course-details-content{ color: #EDEDED; }

body.postid-2616 .tutor-course-details-content :is(h1,h2,h3){
  color: #fff !important;
}

body.postid-2616 .tutor-course-details-content :is(.tutor-color-secondary, p){
  color: #D0D0D0 !important;
}

body.postid-2616 .tutor-course-details-content .tutor-color-black{
  color: #fff !important;
}


/* ==========================================================
   CURSO 2616 – DISTRIBUTOR GATE (skin del curso)
   Nota: pisa estilos inline del shortcode
   ========================================================== */

/* Caja del gate: marco granate + interior dorado, sin curvas */
body.postid-2616 .tutor-sidebar-card .tutor-card-body .tutor-distributor-gate{
  margin: 16px 0 0 0 !important;
  padding: 18px !important;

  background: var(--gold-main) !important;
  border: 1px solid var(--red-accent) !important;
 /* mantiene “línea” granate */
  border-radius: 0 !important;            /* sin curvas */
}

/* Título del gate */
body.postid-2616 .tutor-distributor-gate h3{
  margin: 0 0 14px 0 !important;
  color: #fff !important;
  font-size: 28px;
  line-height: 1.1;
}

/* Form: que no sea “azul” y tenga estructura limpia */
body.postid-2616 .tutor-distributor-gate .tutor-dist-gate-form{
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 14px !important;
  align-items: stretch !important;
}

/* Input */
body.postid-2616 .tutor-distributor-gate input[type="text"]{
  width: 100% !important;
  max-width: none !important;
  padding: 12px 14px !important;

  background: #fff !important;
  color: #111 !important;
  border: 2px solid rgba(255,255,255,.65) !important;
  border-radius: 0 !important;
  outline: none !important;
}

/* Placeholder */
body.postid-2616 .tutor-distributor-gate input[type="text"]::placeholder{
  color: rgba(17,17,17,.55);
}

/* Botón: granate como el CTA del curso */
body.postid-2616 .tutor-distributor-gate button[type="submit"]{
  padding: 12px 16px !important;

  background: var(--red-accent) !important;
  border: 2px solid var(--red-accent) !important;
  color: #fff !important;

  border-radius: 0 !important;
  font-weight: 700;
}

/* Hover */
body.postid-2616 .tutor-distributor-gate button[type="submit"]:hover{
  background: var(--red-accent-hover) !important;
  border-color: var(--red-accent-hover) !important;
}

/* Estado de error (si lo mantienes con estilos inline hoy, esto lo “estandariza”) */
body.postid-2616 .tutor-distributor-gate p{
  margin: 0 0 10px 0 !important;
}


/* Curso 2616 – "Accede gratis a este curso" en granate (gana a tutor-color-muted) */
body.postid-2616 
.tutor-single-course-sidebar 
.tutor-sidebar-card 
.tutor-card-body 
div.tutor-fs-7.tutor-color-muted.tutor-mt-20.tutor-text-center{
  color: var(--red-accent) !important;
  font-size: 14px;
  line-height: 1.4;
}


/* CURSO 2616 — sobrescribir botones <a> primary (granate) */
body.postid-2616 a.tutor-btn.tutor-btn-primary{
  background-color: var(--red-accent) !important;
  border-color: var(--red-accent) !important;
  color: #ffffff !important;
}

body.postid-2616 a.tutor-btn.tutor-btn-primary:hover,
body.postid-2616 a.tutor-btn.tutor-btn-primary:focus,
body.postid-2616 a.tutor-btn.tutor-btn-primary:active{
  background-color: var(--red-accent-hover) !important;
  border-color: var(--red-accent-hover) !important;
  color: #ffffff !important;
}


/* ==========================================================
   CURSO 2616 — ALERTA (borde completo granate)
   ========================================================== */

body.postid-2616 .tutor-alert{
  background: var(--gold-main) !important;     /* dorado sólido */
  border: 2px solid var(--red-accent) !important;
  color: #ffffff !important;
  border-radius: 18px;
}

/* Texto */
body.postid-2616 .tutor-alert,
body.postid-2616 .tutor-alert .tutor-alert-text,
body.postid-2616 .tutor-alert .tutor-alert-text span{
  color: #ffffff !important;
}

/* Icono */
body.postid-2616 .tutor-alert .tutor-alert-icon{
  color: #ffffff !important;
}

/* Variante warning (por si Tutor añade matices) */
body.postid-2616 .tutor-alert.tutor-warning{
  border-color: var(--red-accent) !important;
}


/* ==========================================================
   CURSO 2616 — CONTENIDO DEL CURSO (Accordion / Lista)
   ========================================================== */

/* 1) Título */
body.postid-2616 .tutor-course-content-title{
  color: var(--course-accent) !important; /* dorado */
}

/* 2) Contenedor accordion */
body.postid-2616 .tutor-accordion{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.04);
}

/* Items */
body.postid-2616 .tutor-accordion-item{
  border: 0 !important;
}

/* 3) Header (cabecera del acordeón) */
body.postid-2616 .tutor-accordion-item-header{
  background: var(--gold-main) !important;  /* dorado */
  color: #fff !important;
  padding: 18px 22px !important;
  font-weight: 700;
  border-bottom: 1px solid rgba(0,0,0,.15);
}

/* Header activo + hover */
body.postid-2616 .tutor-accordion-item-header.is-active{
  background: var(--red-accent) !important; /* granate */
}
body.postid-2616 .tutor-accordion-item-header:hover{
  background: var(--red-accent-hover) !important;
}

/* 3.1) Flecha / iconos del header (cubre svg, i, spans tutor-icon y pseudo-elementos) */
body.postid-2616 .tutor-accordion-item-header svg,
body.postid-2616 .tutor-accordion-item-header svg *,
body.postid-2616 .tutor-accordion-item-header i,
body.postid-2616 .tutor-accordion-item-header [class*="tutor-icon-"],
body.postid-2616 .tutor-accordion-item-header::after{
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* 4) Body del acordeón (zona lista) */
body.postid-2616 .tutor-accordion-item-body{
  background: rgba(255,255,255,.06) !important;
  border: 0 !important;
}
body.postid-2616 .tutor-accordion-item-body-content{
  padding: 10px 0 !important;
}

/* 4.1) La lista (aquí estaba el “blanco” que no cambiaba) */
body.postid-2616 ul.tutor-course-content-list{
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 5) Filas */
body.postid-2616 li.tutor-course-content-list-item{
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  padding: 14px 18px !important;
}

/* 6) Título/link Material A/B/C */
body.postid-2616 .tutor-course-content-list-item-title,
body.postid-2616 .tutor-course-content-list-item-title a{
  color: #fff !important;
  font-weight: 600;
  text-decoration: none !important;
}
body.postid-2616 .tutor-course-content-list-item-title a:hover{
  color: var(--red-accent) !important; /* granate */
}

/* 7) Iconos (documento + ojo) */
body.postid-2616 .tutor-course-content-list-item-icon,
body.postid-2616 .tutor-course-content-list-item-status{
  color: var(--course-accent) !important;
  opacity: .95;
}

/* 8) Muted (duración, etc.) — ojo: lo limitamos al bloque de contenido del curso */
body.postid-2616 .tutor-course-content-list .tutor-color-muted,
body.postid-2616 .tutor-course-content-list-item-duration{
  color: rgba(255,255,255,.75) !important;
}

/* 9) Tooltip */
body.postid-2616 .tooltip-wrap .tooltip-txt{
  background: #111 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.15);
}


/* ==========================================================
   CURSO 2616 — CONTENIDO DEL CURSO (Accordion / Lista)
   ========================================================== */

/* Título */
body.postid-2616 .tutor-course-content-title{
  color: var(--course-accent) !important;
}

/* Accordion contenedor */
body.postid-2616 .tutor-accordion{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.04);
}

body.postid-2616 .tutor-accordion-item{ border: 0 !important; }

/* Header (sin línea) */
body.postid-2616 .tutor-accordion-item-header{
  background: var(--gold-main) !important;
  color: #fff !important;
  padding: 18px 22px !important;
  font-weight: 700;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
body.postid-2616 .tutor-accordion-item-header.is-active{
  background: var(--red-accent) !important;
}
body.postid-2616 .tutor-accordion-item-header:hover{
  background: var(--red-accent-hover) !important;
}

/* Flecha / iconos header (cubre svg/i/spans/pseudo) */
body.postid-2616 .tutor-accordion-item-header svg,
body.postid-2616 .tutor-accordion-item-header svg *,
body.postid-2616 .tutor-accordion-item-header i,
body.postid-2616 .tutor-accordion-item-header [class*="tutor-icon-"],
body.postid-2616 .tutor-accordion-item-header::after{
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* Body dorado garantizado + “todo transparente” dentro */
body.postid-2616 .tutor-accordion-item-body{
  background-color: var(--gold-main) !important;
  border: 0 !important;
}
body.postid-2616 .tutor-accordion-item-body-content{
  padding: 10px 0 !important;
}
body.postid-2616 .tutor-accordion-item-body *,
body.postid-2616 ul.tutor-course-content-list,
body.postid-2616 li.tutor-course-content-list-item{
  background-color: transparent !important;
  background-image: none !important;
}

/* Lista / filas */
body.postid-2616 ul.tutor-course-content-list{
  margin: 0 !important;
  padding: 0 !important;
}
body.postid-2616 li.tutor-course-content-list-item{
  padding: 14px 18px !important;
  border-top: 1px solid rgba(255,255,255,.35) !important;
}

/* Links Material A/B/C */
body.postid-2616 .tutor-course-content-list-item-title a,
body.postid-2616 .tutor-course-content-list-item-title a:visited{
  color: #fff !important;
  font-weight: 700;
  text-decoration: none !important;
}

/* ✅ Hover granate (anti-azul definitivo) */
body.postid-2616 .tutor-course-content-list-item-title a:hover,
body.postid-2616 .tutor-course-content-list-item-title a:focus,
body.postid-2616 .tutor-course-content-list-item-title a:active{
  color: var(--red-accent) !important;
  -webkit-text-fill-color: var(--red-accent) !important;
  text-decoration: none !important;
}

/* Iconos documento / ojo */
body.postid-2616 .tutor-course-content-list-item-icon,
body.postid-2616 .tutor-course-content-list-item-status{
  color: #fff !important;
  opacity: .95;
}

/* Muted dentro del listado */
body.postid-2616 .tutor-course-content-list .tutor-color-muted,
body.postid-2616 .tutor-course-content-list-item-duration{
  color: rgba(255,255,255,.80) !important;
}

/* Tooltip */
body.postid-2616 .tooltip-wrap .tooltip-txt{
  background: #111 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.15);
}

/* ==========================================================
   CURSO 2616 — Tabs/Nav (evitar solape)
   ========================================================== */
body.postid-2616 .tutor-course-details nav{
  position: relative !important;
  z-index: 1 !important;
  margin-top: 18px !important;
}


body.postid-2616 .tutor-progress-bar .tutor-progress-value{
  background: linear-gradient(
    90deg,
    var(--red-accent),
    var(--red-accent-hover)
  ) !important;
}












/* ==========================================================
   MASTER PASTRY CHEF — LECCIONES (Tutor LMS) — CLEAN
   (solo lecciones, sin tocar la parte de CURSO)
   ========================================================== */

/* =====================
   1) Variables de color
   ===================== */
:root{
  --course-accent:    #bba04f;
  --gold-main:        #C7A54A;
  --red-accent:       #8B1E2D;
  --red-accent-hover: #6F1622;

  --panel-bg: rgba(255,255,255,.04);
  --panel-bd: rgba(255,255,255,.12);
  --text:     rgba(255,255,255,.90);
  --muted:    rgba(255,255,255,.75);
}

/* =====================
   2) Fondo general (lecciones)
   ===================== */
html, body,
#page, #content, .site, .site-content, .content-area, #primary, main, .site-main{
  background:#0b0f1a !important;
}

/* Contenedores típicos Tutor */
.tutor-wrap,
.tutor-course-topic-single,
.tutor-course-topic-single-wrapper,
.tutor-course-single-content,
.tutor-course-single-content-wrapper{
  background:#0b0f1a !important;
}

/* =====================
   3) Links (adiós azul)
   ===================== */
.tutor-wrap a{
  color:#ffffff !important;
  text-decoration:none !important;
}
.tutor-wrap a:hover,
.tutor-wrap a:focus,
.tutor-wrap a:active{
  color: var(--red-accent) !important;
  -webkit-text-fill-color: var(--red-accent) !important;
  text-decoration:none !important;
}

/* =====================
   4) Panel central
   ===================== */
.tutor-course-topic-single-content,
.tutor-course-topic-single-content-wrapper{
  background: var(--panel-bg) !important;
  border: 1px solid var(--panel-bd) !important;
  border-radius: 16px !important;
  color: var(--text) !important;
  min-height: 0 !important;
}
.tutor-course-topic-single-content :is(p,li,span,div){
  color: var(--text) !important;
}
.tutor-course-topic-single-content :is(h1,h2,h3,h4,h5){
  color:#ffffff !important;
}

/* =====================
   5) Header superior / spotlight (dorado)
   ===================== */
.tutor-course-topic-single-header,
.tutor-course-spotlight-wrapper{
  background: var(--gold-main) !important;
  color:#ffffff !important;
}
.tutor-course-topic-single-header *,
.tutor-course-spotlight-wrapper *{
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}

/* =====================
   6) Botones primary (granate)
   ===================== */
.tutor-btn.tutor-btn-primary,
a.tutor-btn.tutor-btn-primary{
  background: var(--red-accent) !important;
  border-color: var(--red-accent) !important;
  color:#ffffff !important;
  box-shadow:none !important;
}
.tutor-btn.tutor-btn-primary:hover,
a.tutor-btn.tutor-btn-primary:hover{
  background: var(--red-accent-hover) !important;
  border-color: var(--red-accent-hover) !important;
}

/* =====================
   7) Barra progreso
   ===================== */
.tutor-progress-bar{ --tutor-progress-color: var(--red-accent); }
.tutor-progress-bar .tutor-progress-value{
  background: var(--red-accent) !important;
}

/* =====================
   8) Inputs (sin brillos azules)
   ===================== */
.tutor-wrap :is(input, textarea, select){
  border-radius:12px;
  border: 1px solid rgba(255,255,255,.20) !important;
}
.tutor-wrap :is(a, button, input, textarea, select):focus,
.tutor-wrap :is(a, button, input, textarea, select):focus-visible{
  outline:none !important;
  box-shadow:none !important;
}
.tutor-wrap :is(a, button, input, textarea, select){
  -webkit-tap-highlight-color: transparent !important;
}

/* ==========================================================
   9) TABS “Resumen / Archivos” (hover granate texto+icono)
   (Deduplicado: una sola versión)
   ========================================================== */
.tutor-course-spotlight-nav .tutor-nav-link{
  color:#ffffff !important;
  border-bottom-color: transparent !important;
}
.tutor-course-spotlight-nav .tutor-nav-link.is-active{
  color:#ffffff !important;
  border-bottom: 3px solid var(--red-accent) !important;
}
.tutor-course-spotlight-nav .tutor-nav-link.is-active::after{
  background-color: var(--red-accent) !important;
  height: 3px !important;
}
.tutor-course-spotlight-nav .tutor-nav-link:hover,
.tutor-course-spotlight-nav .tutor-nav-link:focus{
  color: var(--red-accent) !important;
}
/* Hover: forzar TODOS los hijos (texto + iconos + svg) */
.tutor-course-spotlight-nav .tutor-nav-link:hover *,
.tutor-course-spotlight-nav .tutor-nav-link:focus *{
  color: var(--red-accent) !important;
  -webkit-text-fill-color: var(--red-accent) !important;
  fill: var(--red-accent) !important;
  stroke: var(--red-accent) !important;
}
/* Si algún icono viene por pseudo-elemento */
.tutor-course-spotlight-nav .tutor-nav-link:hover [class*="tutor-icon-"]::before{
  color: var(--red-accent) !important;
}

/* ==========================================================
   10) SIDEBAR LECCIONES
   ========================================================== */
.tutor-course-topic-single-sidebar,
.tutor-course-topic-single-sidebar-wrapper{
  background: #0b0f1a !important;
  border-right: 1px solid var(--panel-bd) !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Panel sidebar */
.tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar{
  background: rgba(255,255,255,.04) !important;
  border-right: 1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
}

/* Franja superior: “Contenido del curso” */
.tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-single-sidebar-title{
  background: var(--gold-main) !important;
  border-bottom: 1px solid rgba(0,0,0,.25) !important;
  padding: 14px 16px !important;
}
.tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-single-sidebar-title .tutor-color-secondary{
  color: var(--red-accent) !important;
  font-weight: 700 !important;
}
/* Botón cerrar (X) */
.tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-single-sidebar-title .tutor-iconic-btn,
.tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-single-sidebar-title [class*="tutor-icon-"]{
  color: var(--red-accent) !important;
  fill: var(--red-accent) !important;
  stroke: var(--red-accent) !important;
  background: transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

/* Headers temática: dorado (cerrado) / granate (activo) */
.tutor-lesson-sidebar .tutor-accordion-item-header{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.tutor-lesson-sidebar .tutor-accordion-item-header
:is(.tutor-course-topic-title, .tutor-course-topic-summary, [class*="tutor-icon-"], svg){
  color: var(--course-accent) !important;
  fill: var(--course-accent) !important;
  stroke: var(--course-accent) !important;
  font-weight: 700;
}
.tutor-lesson-sidebar .tutor-accordion-item-header.is-active{
  background: var(--red-accent) !important;
}
.tutor-lesson-sidebar .tutor-accordion-item-header.is-active
:is(.tutor-course-topic-title, .tutor-course-topic-summary, [class*="tutor-icon-"], svg){
  color:#fff !important;
  fill:#fff !important;
  stroke:#fff !important;
  font-weight: 800;
}
.tutor-lesson-sidebar .tutor-accordion-item-header:not(.is-active):hover{
  background: rgba(199,165,74,.15) !important;
}

/* Flecha desplegable (dedicado) */
.tutor-lesson-sidebar .tutor-accordion-item-header::after{
  color: var(--course-accent) !important;
  border-color: var(--course-accent) !important;
}
.tutor-lesson-sidebar .tutor-accordion-item-header.is-active::after{
  color:#fff !important;
  border-color:#fff !important;
}
/* Si la flecha fuese un icono real */
.tutor-lesson-sidebar .tutor-accordion-item-header :is([class*="tutor-icon-"], svg, svg *){
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Lista items */
.tutor-lesson-sidebar .tutor-accordion-item-body{
  background: transparent !important;
  border: 0 !important;
}
.tutor-lesson-sidebar .tutor-course-topic-item.tutor-course-topic-item-lesson{
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}

/* Link item */
.tutor-lesson-sidebar .tutor-course-topic-item-lesson > a{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px !important;
  background: transparent !important;
  text-decoration:none !important;
}

/* Iconos dorado por defecto */
.tutor-lesson-sidebar .tutor-course-topic-item-lesson
:is(.tutor-course-topic-item-title, .tutor-course-topic-item-icon, [class*="tutor-icon-"]){
  color: var(--course-accent) !important;
  fill: var(--course-accent) !important;
  stroke: var(--course-accent) !important;
  font-weight: 600;
}

/* Duración siempre muted */
.tutor-lesson-sidebar .tutor-course-topic-item-duration,
.tutor-lesson-sidebar .tutor-color-muted{
  color: rgba(255,255,255,.75) !important;
}
.tutor-lesson-sidebar .tutor-course-topic-item-lesson > a:hover
:is(.tutor-course-topic-item-duration, .tutor-color-muted){
  color: rgba(255,255,255,.75) !important;
  -webkit-text-fill-color: rgba(255,255,255,.75) !important;
}

/* Hover item -> blanco */
.tutor-lesson-sidebar .tutor-course-topic-item-lesson > a:hover
:is(.tutor-course-topic-item-title, .tutor-course-topic-item-icon, [class*="tutor-icon-"]){
  color:#fff !important;
  fill:#fff !important;
  stroke:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Activo */
.tutor-lesson-sidebar .tutor-course-topic-item-lesson.is-active{
  background: rgba(139,30,45,.18) !important;
  border-left: 3px solid var(--red-accent) !important;
}
.tutor-lesson-sidebar .tutor-course-topic-item-lesson.is-active
:is(.tutor-course-topic-item-title, .tutor-course-topic-item-icon, [class*="tutor-icon-"]){
  color:#fff !important;
  fill:#fff !important;
  stroke:#fff !important;
  font-weight: 800 !important;
}

/* Checks */
.tutor-lesson-sidebar .tutor-form-check-input.tutor-form-check-circle{
  border-color: rgba(255,255,255,.45) !important;
  background-color: transparent !important;
}
.tutor-lesson-sidebar .tutor-form-check-input.tutor-form-check-circle:checked{
  background-color: var(--red-accent) !important;
  border-color: var(--red-accent) !important;
}

/* ==========================================================
   11) FOOTER lección (Anterior / Siguiente) + quitar hueco
   ========================================================== */
.tutor-course-topic-single-footer{
  background:#0b0f1a !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}
.tutor-course-topic-single-footer.tutor-mt-auto{
  margin-top: 16px !important;
}

/* Botones prev/next (secondary) */
.tutor-course-topic-single-footer a.tutor-btn.tutor-btn-secondary{
  background: var(--red-accent) !important;
  border-color: var(--red-accent) !important;
  color:#fff !important;
  box-shadow:none !important;
  outline:none !important;
}
.tutor-course-topic-single-footer a.tutor-btn.tutor-btn-secondary:hover{
  background: var(--red-accent-hover) !important;
  border-color: var(--red-accent-hover) !important;
}
.tutor-course-topic-single-footer a.tutor-btn.tutor-btn-secondary [class*="tutor-icon-"]{
  color:#fff !important;
}

/* ==========================================================
   12) PLYR — (Deduplicado: una sola versión final)
   - controla el azul en reposo + hover + focus
   ========================================================== */
.plyr{
  --plyr-color-main: var(--red-accent, #8B1E2D) !important;
}
.plyr .plyr__time{
  color:#fff !important;
}

/* Controles: estado normal (antes se quedaban azules) */
.plyr .plyr__control,
.plyr .plyr__controls button,
.plyr .plyr__controls__item{
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  color:#fff !important;
  background: rgba(139,30,45,.55) !important;
}

/* Hover */
.plyr .plyr__control:hover{
  background: rgba(139,30,45,.75) !important;
}

/* Botón play grande central */
.plyr .plyr__control--overlaid{
  background: rgba(139,30,45,.70) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Iconos internos */
.plyr .plyr__control :is(svg, svg *){
  fill:#fff !important;
  stroke:#fff !important;
}

/* Quitar focus ring azul */
.plyr :is(button, a, input):focus,
.plyr :is(button, a, input):focus-visible{
  outline:none !important;
  box-shadow:none !important;
}

/* Ranges */
.plyr input[type="range"],
.plyr input[type="range"]:focus,
.plyr input[type="range"]:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}


/* ==========================================================
   ARCHIVOS DE EJERCICIOS — TARJETA INDIVIDUAL
   (tutor-course-attachment)
   ========================================================== */

/* Tarjeta */
.tutor-course-attachment.tutor-card{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid var(--red-accent) !important;
  border-radius: 14px !important;
}

/* Nombre archivo */
.tutor-course-attachment .tutor-color-black{
  color: var(--red-accent) !important;
  font-weight: 700 !important;
}

/* Tamaño / meta */
.tutor-course-attachment .tutor-color-muted{
  color: rgba(139,30,45,.75) !important;
}

/* Botón descarga */
.tutor-course-attachment a.tutor-iconic-btn{
  background: transparent !important;
  border: 1px solid var(--red-accent) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* Icono descarga */
.tutor-course-attachment a.tutor-iconic-btn
[class*="tutor-icon-"],
.tutor-course-attachment a.tutor-iconic-btn
[class*="tutor-icon-"]::before{
  color: var(--red-accent) !important;
  fill: var(--red-accent) !important;
  stroke: var(--red-accent) !important;
}

/* Hover botón */
.tutor-course-attachment a.tutor-iconic-btn:hover{
  background: rgba(139,30,45,.15) !important;
  border-color: var(--red-accent-hover) !important;
}

/* Hover icono */
.tutor-course-attachment a.tutor-iconic-btn:hover
[class*="tutor-icon-"],
.tutor-course-attachment a.tutor-iconic-btn:hover
[class*="tutor-icon-"]::before{
  color: var(--red-accent-hover) !important;
  fill: var(--red-accent-hover) !important;
  stroke: var(--red-accent-hover) !important;
}

/* Sin halos azules */
.tutor-course-attachment a.tutor-iconic-btn:focus,
.tutor-course-attachment a.tutor-iconic-btn:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* Ocultar el adjunto MP4 del listado "Archivos de ejercicios" sin dejar hueco */
#tutor-course-spotlight-files .tutor-course-attachment:has(a[href$=".mp4"]),
#tutor-course-spotlight-files .tutor-course-attachment:has(a[download$=".mp4"]) {
  display: none !important;
}


/* ==========================================================
   FIX WIDGET "AUDIENCIA" (Tutor) — forzar contraste
   ========================================================== */

/* 1) Título "Audiencia" (tiene tutor-color-black) */
.tutor-course-details-widget .tutor-course-details-widget-title.tutor-color-black{
  color: #8B1E2D !important; /* granate */
  -webkit-text-fill-color: #8B1E2D !important;
}

/* 2) Lista completa (UL tiene tutor-color-black) */
.tutor-course-details-widget .tutor-course-details-widget-list.tutor-color-black,
.tutor-course-details-widget .tutor-course-details-widget-list.tutor-color-black *{
  color: #8B1E2D !important; /* granate */
  -webkit-text-fill-color: #8B1E2D !important;
}

/* 3) Bullet/icono (tiene tutor-color-muted) */
.tutor-course-details-widget .tutor-icon-bullet-point.tutor-color-muted{
  color: #C7A54A !important;   /* dorado */
  fill: #C7A54A !important;
  stroke: #C7A54A !important;
  -webkit-text-fill-color: #C7A54A !important;
}


/* ==========================================================
   FIX "¿Qué aprenderás?" — fondo oscuro
   ========================================================== */

/* Título en blanco */
.tutor-course-details-widget.tutor-course-details-widget-col-2
.tutor-course-details-widget-title{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Texto de lista en blanco */
.tutor-course-details-widget.tutor-course-details-widget-col-2
.tutor-course-details-widget-list,
.tutor-course-details-widget.tutor-course-details-widget-col-2
.tutor-course-details-widget-list *{
  color: rgba(255,255,255,.9) !important;
  -webkit-text-fill-color: rgba(255,255,255,.9) !important;
}

/* Bullet en dorado suave (o blanco si prefieres) */
.tutor-course-details-widget.tutor-course-details-widget-col-2
.tutor-icon-bullet-point{
  color: #C7A54A !important;   /* dorado */
  fill: #C7A54A !important;
  stroke: #C7A54A !important;
}