/*
Theme Name: Stato Pro Tutor
Template: tutorbase
Version: 1.0
Description: Tema hijo personalizado para Tutor LMS
Author: Stato Pro
*/

/* Color de marca Stato Pro (sobrescribe las variables de Tutor LMS v4) */
:root {
  --tutor-color-primary: #084569;
  --tutor-color-primary-hover: #06344f;
  --tutor-color-primary-rgb: 8, 69, 105;
}

body.tutor-frontend.single-lesson .tutor-lesson-wrapper pre.text {
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  display: block !important;
}



.lp-user-profile #profile-sidebar {
    border: none;
}

.lp-user-profile .lp-profile-nav-tabs>li {
    border: none;
}

.learnpress-v4 #learn-press-profile #profile-sidebar #profile-nav .lp-profile-nav-tabs li.active,
.learnpress-v4 #learn-press-profile #profile-sidebar #profile-nav .lp-profile-nav-tabs li:hover {
    background: none;
}

.lp-user-profile .lp-profile-nav-tabs>li a {
    color: #0A1421;
    font-size: 16px;
}

.lp-user-profile .lp-profile-nav-tabs>li.active>a,
.lp-user-profile .lp-profile-nav-tabs>li:hover>a,
.learnpress-v4 #learn-press-profile #profile-sidebar #profile-nav .lp-profile-nav-tabs li.active>a i,
.learnpress-v4 #learn-press-profile #profile-sidebar #profile-nav .lp-profile-nav-tabs li:hover>a i {
    color: #0A5A89;
}

.learnpress-v4 #learn-press-profile #profile-sidebar #profile-nav .lp-profile-nav-tabs li a i {
    color: #0A1421;
}

.lp-user-profile .lp-profile-nav-tabs>li.courses {
    /*display: none;*/
}

.learn-press-profile-course__statistic {
    display: none;
}

.learn-press-form .form-fields .form-field label {
    font-size: 18px;
    font-weight: 600;
    color: #0A5A89;
    font-style: normal;
}

#profile-content-settings {
    background-color: #fff;
    padding: 30px;
    border: 2px solid #DBF1FE;
}

.learn-press-tabs__item {
    border-color: #0A5A89;
}

.learn-press-tabs__item>a {
    font-size: 18px;
    color: #0A1421;
}

.learn-press-tabs__item.active a,
.learn-press-tabs__item:hover a {
    color: #0A5A89;
}

.learnpress-v4 #learn-press-profile .lp-profile-content .lp-button,
.learnpress-v4 #learn-press-profile .lp-profile-content #learn-press-profile-basic-information button {
    padding: 15px;
    border-radius: 50px !important;
    font-weight: 600;
    width: 300px;
    background-color: #0A5A89;
    font-size: 16px;
    margin-top: 30px;
}

.lp-user-profile .lp-profile-nav-tabs {
    margin-top: 120px;
}


.lp-section-desc {
    font-size: 16px;
    padding: 0;
    margin: 0 0 20px;
}

.site-content {
    width: auto !important;
}

/* Curso Perfil - Solo colores*/
body.single-lp_course {
    color: #0A1421;
}

.lp-single-course__header {
    background-color: #E7EFF38C;
}

.lp-single-course .lp-single-course-main__left .extra-box__title,
.lp-single-course .lp-single-course-main__left .lp-course-curriculum__title,
.lp-single-course .lp-single-course-main__left .course-material__title,
.lp-single-course .lp-single-course-main__left .course-faqs__title,
.lp-single-course .lp-single-course-main__left .section-title {

    padding-bottom: 10px;

    border-bottom: 2px solid #0A5A89;

    color: #0A5A89;
}

.lp-single-course .lp-single-course-main__right__inner {
    border-color: #DBF1FE;
    border-radius: 20px;
    overflow: hidden;
}

.learnpress-widget-wrapper .lp-widget-course {
    border-color: #DBF1FE;
    border-radius: 20px;
    overflow: hidden;
}

/*Curso Leccion - Solo colores*/
body.admin-bar #popup-course {
    top: 0px;
}

#popup-course {
    background-color: #0A1421;
}

.learnpress-v4 #popup-course #popup-header {
    background-color: #fff;
}

.learnpress-v4 #popup-course #popup-sidebar {
    background-color: #fff;
}

.learnpress-v4 #popup-course #popup-sidebar .site-logo {
    display: block;
    text-align: center;
    padding: 20px 30px;
    /* min-height: 120px; */
    box-sizing: border-box;
}

.learnpress-v4 #popup-course #popup-sidebar .site-logo img {
    width: 100%;
    max-width: 250px;
}

.learnpress-v4 #popup-course #popup-sidebar .search-course input[name=s] {
    padding-left: 50px;
    color: #0A1421;
}

.learnpress-v4 #popup-course #popup-sidebar .search-course input[name=s]:focus {
    color: #0A1421;
}

.learnpress-v4 #popup-course #popup-sidebar .search-course input[name=s]::placeholder {
    color: #0A1421;
}

#popup-sidebar .search-course button i {
    color: #0A1421;
}

#popup-sidebar .lp-course-curriculum .course-section {
    background-color: #0845691C;
    color: #0A5A89;
    border-bottom: 5px solid #fff;
}

#popup-sidebar .lp-course-curriculum .course-section.lp-collapse {
    background-color: #0A5A890D;
    color: #0A1421;
}

#popup-sidebar .course-curriculum {
    top: 120px;
}

.lp-course-curriculum .course-section .course-item {
    border: none;
}

.learnpress-v4 .lp-course-curriculum .section-count-items {
    font-weight: 500;
    color: #434E5E;
    font-size: 12px;
}

.lp-course-curriculum .course-section .section-toggle i {
    color: #0A5A89;
}

.learnpress-v4 #popup-course #popup-sidebar .search-course {
    background-color: #fff;
    border-bottom: 1px solid #0A5A89;
}

.learnpress-v4 #popup-course #popup-header .course-title {
    font-family: 'Inter', sans-serif;
    color: #0A1421;
}

.course-item-title {
    font-weight: 600;
}

#popup-header .course-title a {
    color: #0A1421;
}

.learnpress-v4 #popup-course #popup-header .course-title a:hover {
    color: #084569;
}

#popup-header .number {
    color: #0A1421;
}

.learnpress-v4 #popup-course #popup-header .learn-press-progress .learn-press-progress__active {
    background-color: #0A5A89;
}

.learnpress-v4 #popup-course #popup-header .thim-course-item-popup-right #sidebar-toggle.toggle-content-item::before,
.learnpress-v4 #popup-course #popup-header .thim-course-item-popup-right .back_course {
    color: #0A1421;
}

.learnpress-v4 #popup-course #popup-header .thim-course-item-popup-right .back_course:hover {
    color: #fff;
    transition: none;
}

body.course-item-popup #learn-press-content-item .course-item-title {
    color: #fff;
}

.learn-press-message {
    background-color: #fff;
    color: #084569;
    border-radius: 5px;
}

.learnpress-v4 #popup-course #popup-content {
    color: #fff;
    padding: 0 30px;
    margin-bottom: 76px;
}

.learnpress-v4 #popup-course #popup-content .lp-button {
    background-color: #084569;
    border-radius: 20px;
    font-weight: 500;
    border: 1px solid #084569;
}

.learnpress-v4 #popup-course #popup-content .lp-button:hover {
    background-color: #fff;
    color: #084569;
}

.learnpress-v4 #popup-course #popup-content .lp-button.completed {
    background-color: #fff;
    color: #084569;
}

.content-item-wrap {
    width: auto;
}

#popup-footer {
    background-color: #0A1421;
    border: none;
    margin: 10px auto;
}

#popup-footer .course-item-nav .prev a {
    color: #fff;
    padding: 5px 20px 5px 5px;
}

#popup-footer .course-item-nav .next a {
    color: #fff;
    padding: 5px 5px 5px 20px;
}

#popup-footer .course-item-nav .prev a:hover,
#popup-footer .course-item-nav .next a:hover {
    color: #084569;
}

#popup-footer .course-item-nav>div {
    background-color: #084569;
    border-radius: 50px;
    font-weight: 500;
    /* padding: 5px 20px; */
}

#popup-footer .course-item-nav>div:hover {
    background-color: #fff;
}

#popup-footer .course-item-nav>div a {
    color: #fff;
}

#popup-footer .course-item-nav>div a:hover {
    color: #084569;
}

#popup-footer .course-item-nav .prev::before {
    color: #fff;
    padding: 0 0 0 20px;
    line-height: 4em;
}

#popup-footer .course-item-nav .next::before {
    color: #fff;
    padding: 0 20px 0 0;
    line-height: 4em;
}

.learnpress-v4 #popup-course #popup-content #learn-press-content-item .quiz-status>div {
    background-color: #fff;
}

.learnpress-v4 #popup-course #popup-content #learn-press-content-item .quiz-status .questions-index {
    color: #0A1421;
}

.quiz-status .questions-index span {
    color: #0A1421;
}

.quiz-status .countdown {
    color: #0A1421;
}

.learnpress-v4 #popup-course #popup-content #learn-press-content-item .quiz-status .submit-quiz #button-submit-quiz {
    background-color: #084569;
    color: #fff;
    border: 1px solid #084569;
}

.learnpress-v4 #popup-course #popup-content #learn-press-content-item .quiz-status .submit-quiz #button-submit-quiz:hover {
    background-color: #fff;
    color: #084569
}

.question .answer-option .option-title {
    color: #fff;
}

.answer-options .answer-option:hover {
    background-color: #084569;
}

.question .answer-option .option-title:hover {
    background-color: #084569;
}

.content-item-wrap .quiz-buttons.align-center .button-left.fixed {
    margin: 10px auto;
    border-radius: 5px;
}

.quiz-result.passed .result-grade .result-achieved {
    color: #fff;
}

.quiz-result .result-grade .result-require {
    color: #fff;
}

.quiz-result .result-statistic .result-statistic-field span {
    color: #fff;
}

.quiz-result .result-statistic .result-statistic-field p {
    color: #fff;
}

/* ###################################### */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
    margin: 0 !important;
}

body {
    font-family: 'Inter', sans-serif;
}

body.admin-bar{
    margin-top: 32px;
}

.tutor-dashboard, .tutor-frontend-dashboard, .tutor-dashboard-student{
    padding-top: 100px !important;
}

.tutor-frontend-dashboard{
    background-color: #E7EFF38C;
}

.tutor-dashboard .tutor-frontend-dashboard-header{
    display: none !important;
}

.tutor-dashboard-permalinks{
    border:0;
}

.tutor-dashboard-left-menu{
    padding-top: 50px;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks{
    padding-top: 65px;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks{
    margin-right: 0px;
}

.tutor-dashboard-permalinks::before{
    display: none;
}

.tutor-dashboard-menu-divider{
    display: none;
}

.tutor-dashboard-title,
.tutor-dashboard-content > div:nth-child(1){
    font-size: 36px;
    text-transform: uppercase;
}

.tutor-dashboard-content-inner{
    background-color: #fff;
    padding: 30px;
    border: 2px solid #DBF1FE;
    margin-bottom: 30px;
}

.back-to-my-courses {
    font-size: 16px;
    color: #0A5A89;
    text-decoration: none;
    padding: 8px 20px;
}
.back-to-my-courses:hover{
    text-decoration: underline;
}

.tutor-forgot-password-form{
    padding-top: 60px !important;
}

.tutor-video-player{
	width: 55%;
    margin: 30px auto 0;
}

/* El sidebar ya tiene "Catálogo" en el nav, este link es redundante. */
.tutor-see-all-courses {
    display: none !important;
}

/* Quitar divider entre Catálogo y Calendar (Tutor lo agrega en el 5º <li>). */
.tutor-dashboard-menu-catalog::after {
    display: none !important;
}

/* ── Grid de cursos en el dashboard (tutor.min.css no se carga aquí) ── */
@media (min-width: 768px) {
    .tutor-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .tutor-grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
    .tutor-grid-4 { grid-template-columns: repeat(4, 1fr); }
    .tutor-grid-3 { grid-template-columns: repeat(3, 1fr); }
}

/* Imágenes dentro de ratio containers (padding-top + absolute fill). */
.tutor-ratio > * {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Layout de cards: flex column para que el footer quede al fondo. */
.tutor-course-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.tutor-course-thumbnail {
    width: 100%;
}
.tutor-card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.tutor-card-footer {
    margin-top: 12px;
    width: 100%;
}
.tutor-course-list-btn {
    width: 100%;
}

/* Select de ordenamiento (tutor.min.css no se carga en el dashboard). */
.tutor-form-select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    padding-right: 36px;
    color: #41454f;
    background-color: transparent;
    border: none;
    border-radius: 0;
    min-width: auto;
    font-size: 14px;
    line-height: 24px;
}

/* Avatar del instructor (tutor.min.css no se carga en el dashboard). */
.tutor-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.tutor-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.tutor-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Botón outline (tutor.min.css no se carga en el dashboard). */
a.tutor-btn-outline-primary {
    color: var(--tutor-color-primary, #084569) !important;
    background-color: transparent !important;
    border: 1px solid var(--tutor-color-primary, #084569) !important;
}
a.tutor-btn-outline-primary:hover {
    color: #fff !important;
    background-color: var(--tutor-color-primary, #084569) !important;
}