/* ==========================================================
   FarmacoEsencia VP — Ajustes visuales para Tutor LMS
   El color primario de Tutor se toma del verde del tema
   (ver fevp_color_css en inc/helpers.php).
   ========================================================== */

.tutor-wrap, .tutor-container, .tutor-dashboard, .tutor-course-details-page, .tutor-course-list, .tutor-login-wrap {
	font-family: var(--fevp-font-body);
	color: var(--fevp-ink);
}

/* Títulos con la tipografía de marca */
.tutor-course-details-title, .tutor-course-card .tutor-course-name, .tutor-fs-3, .tutor-fs-4, .tutor-fs-5.tutor-fw-medium,
.tutor-dashboard .tutor-dashboard-title, .tutor-course-details-widget-title {
	font-family: var(--fevp-font-display) !important;
	letter-spacing: -0.01em;
}
.tutor-course-details-title { font-size: clamp(32px, 4.2vw, 52px) !important; line-height: 1.06 !important; font-weight: 700 !important; }

/* Contenedor de páginas Tutor dentro del tema */
.fevp-tutor-wrap { padding-top: 40px; }
.tutor-wrap.tutor-page-wrap, .tutor-course-details-page { padding-top: 40px; padding-bottom: 80px; }

/* Botones en píldora */
.tutor-btn {
	border-radius: 999px !important;
	font-family: var(--fevp-font-body) !important;
	font-weight: 600 !important;
	min-height: 46px;
	padding-left: 22px !important;
	padding-right: 22px !important;
}
.tutor-btn-primary { background-color: var(--fevp-accent-dark) !important; border-color: var(--fevp-accent-dark) !important; color: #fff !important; }
.tutor-btn-primary:hover { background-color: var(--fevp-ink) !important; border-color: var(--fevp-ink) !important; }
.tutor-btn-outline-primary { border-color: var(--fevp-line-strong) !important; color: var(--fevp-ink) !important; background: #fff !important; }
.tutor-btn-outline-primary:hover { border-color: var(--fevp-accent-dark) !important; color: var(--fevp-ink) !important; }
.tutor-btn-block, .tutor-btn-lg { min-height: 52px; }

/* Tarjetas de curso (catálogo) */
.tutor-course-card, .tutor-card {
	border-radius: var(--fevp-radius) !important;
	border: 1.5px solid var(--fevp-line) !important;
	overflow: hidden;
	box-shadow: none !important;
	transition: transform .2s, box-shadow .2s;
}
.tutor-course-card:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(20,35,28,.10) !important; }
.tutor-course-card .tutor-course-thumbnail, .tutor-course-card .tutor-ratio { background: var(--fevp-tint-2); }
.tutor-course-card .tutor-card-footer { border-top: 1px solid var(--fevp-line) !important; background: #fff; }
.tutor-course-card .tutor-course-name a { color: var(--fevp-ink) !important; }
.tutor-course-card .tutor-course-name a:hover { color: var(--fevp-accent-dark) !important; }

/* Panel lateral de compra en la página del curso */
.tutor-course-details-widget, .tutor-sidebar-card, .tutor-single-course-sidebar .tutor-card {
	border-radius: 28px !important;
	border: 1.5px solid var(--fevp-line) !important;
	box-shadow: 0 16px 40px rgba(20,35,28,.08) !important;
}
.tutor-course-sidebar-card-pricing .tutor-fs-4, .tutor-course-sidebar-card-pricing .tutor-price-wrap { font-family: var(--fevp-font-display); font-weight: 700; }

/* Pestañas y acordeón del programa */
.tutor-nav-link.is-active, .tutor-nav-link:hover { color: var(--fevp-accent-dark) !important; border-bottom-color: var(--fevp-accent-dark) !important; }
.tutor-accordion-item { border-radius: 16px !important; border-color: var(--fevp-line) !important; overflow: hidden; margin-bottom: 10px; }
.tutor-accordion-item-header { background: #fff !important; font-weight: 600 !important; }
.tutor-accordion-item-header.is-active { background: var(--fevp-tint) !important; color: var(--fevp-accent-dark) !important; }

/* Barras de progreso */
.tutor-progress-bar { background: var(--fevp-tint) !important; border-radius: 999px !important; height: 8px !important; }
.tutor-progress-value, .tutor-progress-bar .tutor-progress-value { background: var(--fevp-accent) !important; border-radius: 999px !important; }

/* Panel del alumno (campus) */
.tutor-dashboard { background: var(--fevp-soft); border-radius: 28px; padding: 24px; }
.tutor-dashboard .tutor-dashboard-left-menu { background: #fff; border-radius: 20px; padding: 12px !important; border: 0 !important; }
.tutor-dashboard .tutor-dashboard-menu-item a, .tutor-dashboard-permalinks a {
	border-radius: 12px !important;
	min-height: 44px;
	font-weight: 500;
	color: var(--fevp-ink) !important;
}
.tutor-dashboard .tutor-dashboard-menu-item.active a, .tutor-dashboard-permalinks li.active a, .tutor-dashboard .tutor-dashboard-menu-item a:hover {
	background: var(--fevp-tint) !important;
	color: var(--fevp-accent-dark) !important;
	font-weight: 600;
}
.tutor-dashboard .tutor-dashboard-menu-item-icon { color: inherit !important; }
.tutor-dashboard-header { background: var(--fevp-accent-dark); color: #fff; border-radius: 24px; padding: 28px 32px !important; margin-bottom: 28px !important; border: 0 !important; }
.tutor-dashboard-header * { color: #fff !important; }
.tutor-dashboard-header .tutor-btn { background: #fff !important; color: var(--fevp-ink) !important; border-color: #fff !important; }
.tutor-dashboard-content { padding-left: 0 !important; }
.tutor-dashboard .tutor-card { background: #fff; border: 0 !important; }

/* Formularios de Tutor (login, registro, checkout) */
.tutor-form-control {
	border-radius: 12px !important;
	border: 1.5px solid var(--fevp-line-strong) !important;
	min-height: 48px;
	font-family: var(--fevp-font-body) !important;
}
.tutor-form-control:focus { border-color: var(--fevp-accent) !important; box-shadow: 0 0 0 3px var(--fevp-tint-2) !important; }
.tutor-login-wrap, .tutor-login-form-wrapper { border-radius: 28px !important; border: 1.5px solid var(--fevp-line); background: #fff; }

/* Etiquetas y badges */
.tutor-badge, .tutor-course-category a { border-radius: 999px !important; }
.tutor-color-primary { color: var(--fevp-accent-dark) !important; }
.tutor-bg-primary { background-color: var(--fevp-accent-dark) !important; }

/* Ratings en el tono de marca */
.tutor-ratings-stars .tutor-icon-star-bold, .tutor-ratings-stars .tutor-icon-star-half-bold { color: #D9A13B; }