/* ------------------------------------------------------------------
   Kairon - Rejilla y utilidades (reemplazan a Bootstrap de Edumall)
   Necesario para que las plantillas PHP (ficha de curso, campus, quiz...)
   mantengan su maquetacion al quitar el tema Edumall.
   Solo rejilla + utilidades: NO toca tipografia ni estilos de Elementor.
   ------------------------------------------------------------------ */

.container,.container-fluid,.row,[class*="col-"]{box-sizing:border-box}
.container{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}
@media(min-width:576px){.container{max-width:540px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:1200px){.container{max-width:1140px}}
.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}

.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters > [class*="col-"]{padding-right:0;padding-left:0}
[class*="col-"]{position:relative;width:100%;padding-right:15px;padding-left:15px}

.col-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-3{flex:0 0 25.0%;max-width:25.0%}
.col-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-6{flex:0 0 50.0%;max-width:50.0%}
.col-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-9{flex:0 0 75.0%;max-width:75.0%}
.col-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-12{flex:0 0 100.0%;max-width:100.0%}
.col{flex:1 0 0%;max-width:100%}
@media(min-width:576px){
.col-sm{flex:1 0 0%;max-width:100%}
.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{flex:0 0 25.0%;max-width:25.0%}
.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{flex:0 0 50.0%;max-width:50.0%}
.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{flex:0 0 75.0%;max-width:75.0%}
.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{flex:0 0 100.0%;max-width:100.0%}
.offset-sm-0{margin-left:0.0%}
.offset-sm-1{margin-left:8.333333%}
.offset-sm-2{margin-left:16.666667%}
.offset-sm-3{margin-left:25.0%}
.offset-sm-4{margin-left:33.333333%}
.offset-sm-5{margin-left:41.666667%}
.offset-sm-6{margin-left:50.0%}
.offset-sm-7{margin-left:58.333333%}
.offset-sm-8{margin-left:66.666667%}
.offset-sm-9{margin-left:75.0%}
.offset-sm-10{margin-left:83.333333%}
.offset-sm-11{margin-left:91.666667%}
}
@media(min-width:768px){
.col-md{flex:1 0 0%;max-width:100%}
.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-md-3{flex:0 0 25.0%;max-width:25.0%}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{flex:0 0 50.0%;max-width:50.0%}
.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{flex:0 0 75.0%;max-width:75.0%}
.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{flex:0 0 100.0%;max-width:100.0%}
.offset-md-0{margin-left:0.0%}
.offset-md-1{margin-left:8.333333%}
.offset-md-2{margin-left:16.666667%}
.offset-md-3{margin-left:25.0%}
.offset-md-4{margin-left:33.333333%}
.offset-md-5{margin-left:41.666667%}
.offset-md-6{margin-left:50.0%}
.offset-md-7{margin-left:58.333333%}
.offset-md-8{margin-left:66.666667%}
.offset-md-9{margin-left:75.0%}
.offset-md-10{margin-left:83.333333%}
.offset-md-11{margin-left:91.666667%}
}
@media(min-width:992px){
.col-lg{flex:1 0 0%;max-width:100%}
.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{flex:0 0 25.0%;max-width:25.0%}
.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6{flex:0 0 50.0%;max-width:50.0%}
.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-9{flex:0 0 75.0%;max-width:75.0%}
.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-lg-12{flex:0 0 100.0%;max-width:100.0%}
.offset-lg-0{margin-left:0.0%}
.offset-lg-1{margin-left:8.333333%}
.offset-lg-2{margin-left:16.666667%}
.offset-lg-3{margin-left:25.0%}
.offset-lg-4{margin-left:33.333333%}
.offset-lg-5{margin-left:41.666667%}
.offset-lg-6{margin-left:50.0%}
.offset-lg-7{margin-left:58.333333%}
.offset-lg-8{margin-left:66.666667%}
.offset-lg-9{margin-left:75.0%}
.offset-lg-10{margin-left:83.333333%}
.offset-lg-11{margin-left:91.666667%}
}
@media(min-width:1200px){
.col-xl{flex:1 0 0%;max-width:100%}
.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-3{flex:0 0 25.0%;max-width:25.0%}
.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-xl-6{flex:0 0 50.0%;max-width:50.0%}
.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-xl-9{flex:0 0 75.0%;max-width:75.0%}
.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-xl-12{flex:0 0 100.0%;max-width:100.0%}
.offset-xl-0{margin-left:0.0%}
.offset-xl-1{margin-left:8.333333%}
.offset-xl-2{margin-left:16.666667%}
.offset-xl-3{margin-left:25.0%}
.offset-xl-4{margin-left:33.333333%}
.offset-xl-5{margin-left:41.666667%}
.offset-xl-6{margin-left:50.0%}
.offset-xl-7{margin-left:58.333333%}
.offset-xl-8{margin-left:66.666667%}
.offset-xl-9{margin-left:75.0%}
.offset-xl-10{margin-left:83.333333%}
.offset-xl-11{margin-left:91.666667%}
}

/* spacers en pixeles (estilo Edumall: mb-30 = 30px) */
.m-0{margin:0px!important}.p-0{padding:0px!important}
.mt-0{margin-top:0px!important}.pt-0{padding-top:0px!important}
.mr-0{margin-right:0px!important}.pr-0{padding-right:0px!important}
.mb-0{margin-bottom:0px!important}.pb-0{padding-bottom:0px!important}
.ml-0{margin-left:0px!important}.pl-0{padding-left:0px!important}
.m-10{margin:10px!important}.p-10{padding:10px!important}
.mt-10{margin-top:10px!important}.pt-10{padding-top:10px!important}
.mr-10{margin-right:10px!important}.pr-10{padding-right:10px!important}
.mb-10{margin-bottom:10px!important}.pb-10{padding-bottom:10px!important}
.ml-10{margin-left:10px!important}.pl-10{padding-left:10px!important}
.m-20{margin:20px!important}.p-20{padding:20px!important}
.mt-20{margin-top:20px!important}.pt-20{padding-top:20px!important}
.mr-20{margin-right:20px!important}.pr-20{padding-right:20px!important}
.mb-20{margin-bottom:20px!important}.pb-20{padding-bottom:20px!important}
.ml-20{margin-left:20px!important}.pl-20{padding-left:20px!important}
.m-30{margin:30px!important}.p-30{padding:30px!important}
.mt-30{margin-top:30px!important}.pt-30{padding-top:30px!important}
.mr-30{margin-right:30px!important}.pr-30{padding-right:30px!important}
.mb-30{margin-bottom:30px!important}.pb-30{padding-bottom:30px!important}
.ml-30{margin-left:30px!important}.pl-30{padding-left:30px!important}
.m-40{margin:40px!important}.p-40{padding:40px!important}
.mt-40{margin-top:40px!important}.pt-40{padding-top:40px!important}
.mr-40{margin-right:40px!important}.pr-40{padding-right:40px!important}
.mb-40{margin-bottom:40px!important}.pb-40{padding-bottom:40px!important}
.ml-40{margin-left:40px!important}.pl-40{padding-left:40px!important}
.m-50{margin:50px!important}.p-50{padding:50px!important}
.mt-50{margin-top:50px!important}.pt-50{padding-top:50px!important}
.mr-50{margin-right:50px!important}.pr-50{padding-right:50px!important}
.mb-50{margin-bottom:50px!important}.pb-50{padding-bottom:50px!important}
.ml-50{margin-left:50px!important}.pl-50{padding-left:50px!important}
.m-60{margin:60px!important}.p-60{padding:60px!important}
.mt-60{margin-top:60px!important}.pt-60{padding-top:60px!important}
.mr-60{margin-right:60px!important}.pr-60{padding-right:60px!important}
.mb-60{margin-bottom:60px!important}.pb-60{padding-bottom:60px!important}
.ml-60{margin-left:60px!important}.pl-60{padding-left:60px!important}

/* spacers Bootstrap (0-5 en rem: p-4, mr-2, pt-5...) */
.m-0{margin:0rem!important}.p-0{padding:0rem!important}
.mt-0{margin-top:0rem!important}.pt-0{padding-top:0rem!important}
.mr-0{margin-right:0rem!important}.pr-0{padding-right:0rem!important}
.mb-0{margin-bottom:0rem!important}.pb-0{padding-bottom:0rem!important}
.ml-0{margin-left:0rem!important}.pl-0{padding-left:0rem!important}
.m-1{margin:0.25rem!important}.p-1{padding:0.25rem!important}
.mt-1{margin-top:0.25rem!important}.pt-1{padding-top:0.25rem!important}
.mr-1{margin-right:0.25rem!important}.pr-1{padding-right:0.25rem!important}
.mb-1{margin-bottom:0.25rem!important}.pb-1{padding-bottom:0.25rem!important}
.ml-1{margin-left:0.25rem!important}.pl-1{padding-left:0.25rem!important}
.m-2{margin:0.5rem!important}.p-2{padding:0.5rem!important}
.mt-2{margin-top:0.5rem!important}.pt-2{padding-top:0.5rem!important}
.mr-2{margin-right:0.5rem!important}.pr-2{padding-right:0.5rem!important}
.mb-2{margin-bottom:0.5rem!important}.pb-2{padding-bottom:0.5rem!important}
.ml-2{margin-left:0.5rem!important}.pl-2{padding-left:0.5rem!important}
.m-3{margin:1rem!important}.p-3{padding:1rem!important}
.mt-3{margin-top:1rem!important}.pt-3{padding-top:1rem!important}
.mr-3{margin-right:1rem!important}.pr-3{padding-right:1rem!important}
.mb-3{margin-bottom:1rem!important}.pb-3{padding-bottom:1rem!important}
.ml-3{margin-left:1rem!important}.pl-3{padding-left:1rem!important}
.m-4{margin:1.5rem!important}.p-4{padding:1.5rem!important}
.mt-4{margin-top:1.5rem!important}.pt-4{padding-top:1.5rem!important}
.mr-4{margin-right:1.5rem!important}.pr-4{padding-right:1.5rem!important}
.mb-4{margin-bottom:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}
.ml-4{margin-left:1.5rem!important}.pl-4{padding-left:1.5rem!important}
.m-5{margin:3rem!important}.p-5{padding:3rem!important}
.mt-5{margin-top:3rem!important}.pt-5{padding-top:3rem!important}
.mr-5{margin-right:3rem!important}.pr-5{padding-right:3rem!important}
.mb-5{margin-bottom:3rem!important}.pb-5{padding-bottom:3rem!important}
.ml-5{margin-left:3rem!important}.pl-5{padding-left:3rem!important}

/* display, alineacion y tamano */
.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-block{display:inline-block!important}
.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}
.h-100{height:100%!important}.w-100{width:100%!important}
.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}
.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-end{justify-content:flex-end!important}

/* lista con check de la ficha (antes la daba Tutor) */
.tutor-custom-list-style{list-style:none;padding-left:0;margin:0}
.tutor-custom-list-style li{position:relative;padding-left:28px;margin-bottom:10px;line-height:1.6}
.tutor-custom-list-style li:before{content:"\f00c";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;position:absolute;left:0;top:2px;color:#039397}
.tutor-course-target-audience-content{margin:0}

/* ============================================================
   Estetica de la rejilla de cursos (plantillas PHP de archivo
   y taxonomia). Tarjeta tipo ficha, en la marca Kairon.
   ============================================================ */
/* La rejilla la hacen .row + .col-md-3 (4 columnas). Solo ajustes finos. */
.edumall-courses .edumall-grid{margin-bottom:30px}
.edumall-courses .edumall-grid > .row{display:flex;flex-wrap:wrap}
.edumall-courses .col-md-3{padding-left:12px;padding-right:12px}
.edumall-courses .grid-item{height:100%}

.course-loop-wrapper{
  display:flex;flex-direction:column;height:100%;background:#fff;
  border:1px solid #ececec;border-radius:10px;overflow:hidden;
  box-shadow:0 10px 30px rgba(3,147,151,.08);
}
.course-thumbnail{display:block;overflow:hidden}
.course-thumbnail img{width:100%;height:190px;object-fit:cover;display:block}
.course-loop-info{padding:18px 20px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.course-loop-badges,.course-loop-rating{display:none}
.course-loop-badge-level{margin:0}
.course-loop-badge-level .badge-text{
  display:inline-block;background:#efeafb;color:#6b4ea0;font-size:12px;font-weight:600;
  padding:4px 12px;border-radius:20px;line-height:1.4;
}
.course-loop-category a{color:#039397;font-size:13px;font-weight:600;text-decoration:none}
.course-loop-title{font-size:17px;line-height:1.3;margin:2px 0}
.course-loop-title a{color:#252525;font-weight:700;text-decoration:none}
.course-loop-title a:hover{color:#039397}
.course-loop-excerpt{
  color:#696969;font-size:14px;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.course-loop-price{margin-top:6px}
.course-loop-price p,.course-loop-price .tutor-price{color:#252525;font-weight:700;font-size:17px;margin:0}
/* Cabecera de taxonomia/archivo de cursos (Cursos de Frances/Ingles/Italiano).
   Mismos valores exactos que produccion: banda #e8f5f6 a ancho completo con
   padding 30/80, titulo Gordita 38px, migas 14px Gordita con 60px de gap. */
#banner-cat-courses{
  background:#e8f5f6;
  padding:30px 0 80px;
  width:100vw;position:relative;left:50%;right:50%;
  margin-left:-50vw;margin-right:-50vw;
  overflow-x:clip;
}
#banner-cat-courses .heading-primary{font-family:Gordita,sans-serif;font-size:38px;line-height:49px;color:#252525;font-weight:700;margin:0}
#banner-cat-courses .insight_core_breadcrumb{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0;margin:0 0 60px;font-size:14px;font-family:Gordita,sans-serif}
#banner-cat-courses .insight_core_breadcrumb a{color:#696969;text-decoration:none}

/* ===== Filtro de idiomas en pestañas ([kairon_cursos_idiomas]) =====
   Replica los botones #filters .btn-filter de "Clases particulares":
   inactivo = contorno teal; activo = relleno teal. */
.kairon-cursos-filtro #filters .col-md-12{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.kairon-cursos-filtro .btn-filter{
  font-family:Gordita,system-ui,sans-serif;font-size:15px;font-weight:500;line-height:1;
  cursor:pointer;padding:12px 30px;border-radius:7px;
  background:#fff;color:var(--kairon-primary,#039397);
  border:1px solid var(--kairon-primary,#039397);
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.kairon-cursos-filtro .btn-filter:hover{background:#e4f3f2}
.kairon-cursos-filtro .btn-filter.active{
  background:var(--kairon-primary,#039397);color:#fff;
  border-color:var(--kairon-primary,#039397);
}

/* =======================================================================
   FICHA INDIVIDUAL DE CURSO (single-cursos_de_idiomas) — reproduce la
   estetica de Edumall (banda superior, tarjeta lateral, Ver tarifas) que
   el tema padre aportaba y ahora falta.
   ======================================================================= */

/* Toda la ficha en la tipografia de marca (como produccion) */
.tutor-wrap{font-family:Gordita,sans-serif}

/* Migas de pan en linea con separador "/" (valores exactos de produccion) */
.header-single-course .insight_core_breadcrumb{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0;margin:0 0 60px;font-size:14px;font-family:Gordita,sans-serif}
.insight_core_breadcrumb{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0;margin:0 0 10px;font-size:13px}
.insight_core_breadcrumb li{list-style:none;display:flex;align-items:center;flex:0 0 auto;margin:0;width:auto}
.insight_core_breadcrumb li:not(:last-child)::after{content:"/";margin-left:6px;color:#b9b9b9}
.insight_core_breadcrumb a{color:#696969;text-decoration:none;display:inline-block}
.insight_core_breadcrumb a:hover,.insight_core_breadcrumb a.active{color:var(--kairon-primary)}

/* Banda superior clara a ANCHO COMPLETO (100vw) con categoria + titulo.
   Valores exactos de produccion: bg #e8f5f6, padding 20/80, Gordita. */
.header-single-course{
  background:#e8f5f6;
  padding:20px 0 80px;
  width:100vw;position:relative;left:50%;right:50%;
  margin-left:-50vw;margin-right:-50vw;
  overflow-x:clip;
}
.tutor-course-header-categories a{color:var(--kairon-primary);font-weight:400;text-decoration:none;font-size:14px;font-family:Gordita,sans-serif}
.tutor-course-header-h1{font-family:Gordita,sans-serif;font-size:32px;color:var(--kairon-heading,#252525);font-weight:700;line-height:48px;margin:0 0 10px}
.tutor-single-course-lead-meta{margin-top:6px}
.tutor-single-course-lead-meta p{font-family:Gordita,sans-serif;color:#7e7e7e;font-size:14px;line-height:36px;margin:0}

/* Columnas del cuerpo */
.tutor-full-width-course-body .pt-50{padding-top:50px}
@media(min-width:992px){ .rest-mt-120{margin-top:-120px} }

/* Tipografia del CONTENIDO de la ficha (valores exactos de produccion):
   texto 14px #696969, titulos 20px #252525, en Gordita. */
.tutor-full-width-course-body .col-lg-8{font-family:Gordita,sans-serif}
.tutor-full-width-course-body .col-lg-8 h2,
.tutor-full-width-course-body .col-lg-8 h3,
.tutor-full-width-course-body .col-lg-8 h4{
  font-family:Gordita,sans-serif;font-size:20px;line-height:32px;font-weight:700;color:#252525;margin:0 0 12px;
}
.tutor-full-width-course-body .col-lg-8 p,
.tutor-full-width-course-body .col-lg-8 li,
.tutor-full-width-course-body .col-lg-8 span{
  font-family:Gordita,sans-serif;font-size:14px;line-height:26px;font-weight:400;color:#696969;
}
.tutor-full-width-course-body .col-lg-8 p{margin:0 0 20px}
.tutor-full-width-course-body .col-lg-8 ul,
.tutor-full-width-course-body .col-lg-8 ol{margin:0 0 20px}
.tutor-full-width-course-body .col-lg-8 li{margin:0 0 8px}
.tutor-full-width-course-body .col-lg-8 strong,
.tutor-full-width-course-body .col-lg-8 b{color:#252525}

/* Separacion entre los bloques del contenido (Alcanza metas / Materiales...) */
.tutor-full-width-course-body .col-lg-8 .tutor-single-course-segment{margin-bottom:45px}

/* "Alcanza tus propias metas" -> caja con borde (como produccion) */
.tutor-full-width-course-body .col-lg-8 .tutor-course-benefits-wrap{
  background:#fff;border:1px solid #ededed;border-radius:12px;
  padding:30px 32px;margin-bottom:50px;
}
.tutor-full-width-course-body .col-lg-8 .tutor-course-benefits-wrap .tutor-segment-title{
  margin-bottom:20px;
}

/* "Materiales del curso" -> vinetas con flecha (->)*/
.tutor-full-width-course-body .col-lg-8 .tutor-course-target-audience-items{
  list-style:none;padding-left:0;margin:0;
}
.tutor-full-width-course-body .col-lg-8 .tutor-course-target-audience-items li{
  position:relative;padding-left:28px;margin-bottom:10px;line-height:1.6;list-style:none;
}
.tutor-full-width-course-body .col-lg-8 .tutor-course-target-audience-items li:before{
  content:"\2192";position:absolute;left:0;top:0;color:#696969;font-weight:400;
}

/* Tarjeta lateral (precio / meta / boton / compartir) */
.tm-sticky-column{position:sticky;top:30px}
.tutor-single-course-sidebar .tutor-price-preview-box{
  background:#fff;border:1px solid #ededed;border-radius:12px;
  box-shadow:0 8px 28px rgba(0,0,0,.08);overflow:hidden;
}
.tutor-price-box-thumbnail iframe,
.tutor-price-box-thumbnail .plyr__video-embed{width:100%;aspect-ratio:16/9;border:0;display:block}
.tutor-price-preview-box .tutor-price{padding:22px 24px 4px}
.tutor-price-preview-box > .tutor-price .price p{font-family:Gordita,sans-serif;margin:0;font-size:24px;font-weight:900;color:#031f42}

/* Filas Tag / Idioma (etiqueta a la izquierda, valor a la derecha) */
.tutor-single-course-meta{padding:6px 24px}
.tutor-single-course-meta .tutor-course-categories,
.tutor-single-course-meta .tutor-course-language{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 0;border-bottom:1px solid #f0f0f0;
}
.tutor-single-course-meta .meta-label{color:var(--kairon-text,#696969);font-size:14px;display:flex;align-items:center;gap:8px}
.tutor-single-course-meta .meta-label .meta-icon{color:#9aa0a6}
.tutor-single-course-meta .meta-value,
.tutor-single-course-meta .meta-value a{color:var(--kairon-heading,#252525);font-weight:600;font-size:14px;text-decoration:none}
.tutor-single-course-meta .meta-value a:hover{color:var(--kairon-primary)}
.tutor-single-course-meta .badge-text{color:var(--kairon-heading,#252525);font-weight:600}

/* Boton "Ver tarifas" (teal, ancho completo) */
.tutor-lead-info-btn-group{padding:18px 24px 4px}
.tutor-button.tutor-success{
  display:block;text-align:center;background:var(--kairon-primary);color:#fff;
  border-radius:6px;padding:14px 20px;font-weight:700;text-decoration:none;
  transition:background-color .2s ease;
}
.tutor-button.tutor-success:hover{background:var(--kairon-primary-dark);color:#fff}

/* Compartir (los iconos ya tienen estilo en kairon-ui.css; aqui solo el aire) */
.tutor-price-preview-box .tutor-social-share-wrap{padding:14px 24px 22px;justify-content:center}

/* Barra lateral: widgets "Categorias de cursos" y "Cursos relacionados" como
   TARJETAS blancas, como en produccion. */
.tutor-single-course-sidebar .widget.edumall-wp-widget-course-categories,
.tutor-single-course-sidebar .widget.edumall-wp-widget-courses{
  background:#fff;border:1px solid #ededed;border-radius:12px;
  box-shadow:0 8px 28px rgba(0,0,0,.05);
  padding:24px;margin-top:24px;
}
.tutor-single-course-sidebar .widget-title.heading{
  font-family:Gordita,sans-serif;font-size:18px;font-weight:700;color:var(--kairon-heading,#252525);margin:0 0 16px;
}
/* Categorias: lista limpia */
.edumall-wp-widget-course-categories .course-categories{list-style:none;margin:0;padding:0}
.edumall-wp-widget-course-categories .course-categories li{margin:0 0 10px;list-style:none}
.edumall-wp-widget-course-categories .course-categories a{font-family:Gordita,sans-serif;font-size:14px;color:var(--kairon-text,#696969);text-decoration:none}
.edumall-wp-widget-course-categories .course-categories a:hover{color:var(--kairon-primary)}

/* Cursos relacionados: FILAS compactas (miniatura + titulo + precio) */
.edumall-wp-widget-courses .edumall-courses{display:block}
.edumall-wp-widget-courses .course-item{display:flex;align-items:center;gap:14px;margin:0 0 18px;background:none;border:0;padding:0;box-shadow:none}
.edumall-wp-widget-courses .course-item:last-child{margin-bottom:0}
.edumall-wp-widget-courses .course-thumbnail{flex:0 0 64px;width:64px;margin:0}
.edumall-wp-widget-courses .course-thumbnail img{width:64px;height:64px;object-fit:cover;border-radius:8px;display:block}
.edumall-wp-widget-courses .course-info{flex:1 1 auto;min-width:0}
.edumall-wp-widget-courses .course-title{margin:0 0 4px;font-size:15px;line-height:1.3}
.edumall-wp-widget-courses .course-title a{font-family:Gordita,sans-serif;color:var(--kairon-heading,#252525);font-weight:700;text-decoration:none}
.edumall-wp-widget-courses .course-title a:hover{color:var(--kairon-primary)}
.edumall-wp-widget-courses .course-loop-price .price p,
.edumall-wp-widget-courses .tutor-price p{margin:0;font-family:Gordita,sans-serif;color:var(--kairon-primary);font-weight:700;font-size:15px}

/* =======================================================================
   PAGINACION del archivo/taxonomia de cursos (funcion pagination()):
   numeros en circulo, el actual en teal relleno.
   ======================================================================= */
.archive-pagination-wrap{margin-top:10px}
.archive-pagination{display:flex;justify-content:center;margin:24px 0 10px}
.page-pagination{list-style:none;display:flex;align-items:center;gap:10px;padding:0;margin:0}
.page-pagination li{list-style:none;margin:0}
.page-pagination li .current,
.page-pagination li a.inactive,
.page-pagination > a{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 6px;border-radius:50%;
  font-weight:600;font-size:15px;text-decoration:none;transition:background-color .2s ease,color .2s ease;
}
.page-pagination li .current{background:var(--kairon-primary);color:#fff}
.page-pagination li a.inactive{color:var(--kairon-heading,#252525)}
.page-pagination li a.inactive:hover,
.page-pagination > a:hover{background:#e4f3f2;color:var(--kairon-primary)}
.page-pagination > a{color:var(--kairon-text,#696969)}

/* =======================================================================
   CLASES DE PRUEBA — banderas con misma estetica + opacidad al pasar
   ======================================================================= */
.boxsel .icoclase{opacity:1}