/* V155.11 - Home resume and mobile nav, isolated from course/checkout styles. */
.tk-v15511-home-desktop-resume,.tk-v15511-home-mobile-resume{box-sizing:border-box}
.tk-v15511-home-resume{max-width:1220px;margin:24px auto 32px;padding:0 20px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#1a2030;}
.tk-v15511-resume-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:13px}
.tk-v15511-resume-heading span{display:block;font-size:10px;font-weight:800;letter-spacing:.15em;color:#6544e7}
.tk-v15511-resume-heading h2{font-size:25px;line-height:1.1;font-weight:800;color:#191c25;margin:4px 0 0}
.tk-v15511-resume-heading a{font-size:12px;font-weight:750;color:#4b22f4!important;text-decoration:none;white-space:nowrap}
.tk-v15511-resume-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:13px}
.tk-v15511-resume-card{display:flex;overflow:hidden;align-items:stretch;min-width:0;border:1px solid #dfe4ec;border-radius:16px;text-decoration:none!important;background:#fff;color:#191c25!important;box-shadow:0 7px 23px rgba(30,35,54,.05)}
.tk-v15511-resume-cover{position:relative;flex:0 0 135px;min-height:112px;background:#242832 center/cover no-repeat}
.tk-v15511-resume-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#16191d;font-size:13px;padding-left:2px}
.tk-v15511-resume-clock{position:absolute;bottom:5px;right:6px;border-radius:5px;padding:2px 5px;background:#111b;color:white;font-size:10px}
.tk-v15511-resume-info{min-width:0;flex:1;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.tk-v15511-resume-info>strong{font-size:14px;font-weight:800;line-height:1.3;color:#171c2b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tk-v15511-resume-info>span{font-size:11px;color:#626f82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-v15511-resume-meta{margin-top:6px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.tk-v15511-resume-meta small{font-size:11px;color:#637085}.tk-v15511-resume-meta b{font-size:11px;color:#4b22f4;white-space:nowrap}
.tk-v15511-resume-track{height:4px;background:#e8eaf1;border-radius:9px;overflow:hidden}
.tk-v15511-resume-track i{display:block;height:100%;background:#4b22f4;border-radius:9px}
@media(min-width:768px){.tk-v15511-home-mobile-resume{display:none!important}}
@media(max-width:767.98px){
 .tk-v15511-home-desktop-resume{display:none!important}
 .tk-v15511-home-resume{margin:15px auto 30px;padding:0 15px;color:white}
 .tk-v15511-resume-heading h2{color:#fff;font-size:22px}
 .tk-v15511-resume-heading a{color:#c6afff!important}
 .tk-v15511-resume-list{grid-template-columns:1fr;gap:9px}
 .tk-v15511-resume-card{background:#20242b;color:#fff!important;border:1px solid #3b414c;border-radius:13px;box-shadow:none}
 .tk-v15511-resume-cover{flex-basis:106px;min-height:111px}
 .tk-v15511-resume-info{padding:11px}
 .tk-v15511-resume-info>strong{color:#fff;font-size:13px}
 .tk-v15511-resume-info>span,.tk-v15511-resume-meta small{color:#acb4c2}
 .tk-v15511-resume-meta b{color:#bcaaff}
 .tk-v15511-resume-track{background:#3b4250}
 /* Identical four-slot dashboard navigation layout and colors. */
 body #tk-v84-bottom-nav.off-sale.d-flex{position:fixed!important;left:0;right:0;bottom:0;width:100%;min-height:68px;box-sizing:border-box;display:flex!important;align-items:stretch;z-index:1250;background:rgba(19,22,29,.97)!important;border-top:1px solid #353b48;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -5px 25px rgba(0,0,0,.12);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 body #tk-v84-bottom-nav>a.menu{display:flex!important;align-items:center;justify-content:center;flex:1 1 25%;width:25%!important;min-width:0;opacity:1!important;color:#bfc5d0!important;stroke:currentColor!important;background:transparent!important;text-decoration:none!important}
 body #tk-v84-bottom-nav .menu-home{min-height:60px;padding:8px 2px 6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:11px;line-height:1.25;color:inherit}
 body #tk-v84-bottom-nav .menu-home br{display:none}
 body #tk-v84-bottom-nav .menu-home svg{display:block!important;width:23px!important;height:23px!important;stroke:currentColor!important;color:inherit!important;fill:none!important}
 body #tk-v84-bottom-nav .menu-home svg path{stroke:currentColor!important;fill:none!important}
 body #tk-v84-bottom-nav>a.menu.selected{color:#beaaff!important;background:rgba(75,34,244,.18)!important;box-shadow:inset 0 3px #4b22f4!important}
 body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
}

/* V155.12: separación real entre el carrusel, sus tres indicadores y la tarjeta.
   Solo crea espacio cuando el alumno tiene algo por continuar: el wrapper
   no se genera para invitados ni alumnos sin progreso. */
@media(max-width:767.98px){
  .tk-v15511-home-mobile-resume{padding-top:43px;box-sizing:border-box;clear:both;}
  .tk-v15511-home-mobile-resume .tk-v15511-home-resume{margin-top:14px;margin-bottom:36px;}
  #categories.homecel .slider-navigation{z-index:16;}
  /* El enlace fijo de Play Store no debe ocultar "Continuar". */
  body.tk-v15512-resume-inview #appFloat{opacity:0!important;pointer-events:none!important;transform:translateX(120%)!important;}
  /* Tour: remate superior negro, discreto y sin color corporativo. */
  #tk-v84-tour-card.tk-v84-tour-card{border:1px solid #e5e7eb;border-radius:18px;}
  #tk-v84-tour-card.tk-v84-tour-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#191b20;border-radius:18px 18px 0 0;pointer-events:none;}
  #tk-v84-tour-card .tk-v84-tour-step{color:#4b515e;letter-spacing:.10em;}
}
/* En PC "Continuar viendo" permanece exclusivamente en el Dashboard. */

/* V155.16: remate del tour integrado en la tarjeta, sin franja separada. */
@media(max-width:767.98px){
 #tk-v84-tour-card.tk-v84-tour-card{
  box-sizing:border-box!important;overflow:visible!important;background:#fff!important;
  border:1px solid #e4e7ed!important;border-top:6px solid #4b22f4!important;
  border-radius:19px!important;background-clip:padding-box!important;
  padding-top:19px!important;outline:0!important;
 }
 #tk-v84-tour-card.tk-v84-tour-card::before{content:none!important;display:none!important}
 #tk-v84-tour-card.tk-v84-tour-card::after{background:#fff!important;border:0!important}
}