/**
 * Academy LMS - Learn Page (Página de Aprendizado)
 * 
 * Design elegante, moderno e responsivo com foco em UX
 * Mobile-first approach
 *
 * @package AguiasDoBrasil
 * @subpackage Academy
 * @since 1.0.0
 */

/* =============================================================================
   VARIÁVEIS E CONFIGURAÇÕES
   ========================================================================== */

:root {
	--aguias-learn-spacing-xs: 0.5rem;
	--aguias-learn-spacing-sm: 1rem;
	--aguias-learn-spacing-md: 1.5rem;
	--aguias-learn-spacing-lg: 2rem;
	--aguias-learn-spacing-xl: 3rem;
	
	--aguias-learn-radius-sm: 8px;
	--aguias-learn-radius-md: 12px;
	--aguias-learn-radius-lg: 16px;
	
	--aguias-learn-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
	--aguias-learn-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
	--aguias-learn-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
	
	--aguias-learn-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =============================================================================
   Container de Login - Esconde bloco "Você não está logado"
   ========================================================================== */

/* Esconde o header do container de login (bloco "Você não está logado") */
.academy-login-container__header,
.academy-login-container .academy-login-container__header,
.academy-login-container__header__left--wrapper,
.academy-login-container__header__left-wrapper--headline,
.academy-login-container__header__left-wrapper--description,
.academy-login-container__header .academy-btn-popup-login {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	position: absolute !important;
	left: -9999px !important;
	clip: rect(0, 0, 0, 0) !important;
}

/* Mantém o container de login visível (pode ser necessário para funcionalidades) */
.academy-login-container {
	/* Container pode permanecer visível, apenas o header é escondido */
}

/* Garante que botão de reset de senha tenha texto visível */
.aguias-reset-password-btn,
.academy-password-reset-form-wrapper .academy-btn,
.academy-password-reset-form-wrapper button[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.875rem 1.75rem !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	text-align: center !important;
	white-space: nowrap !important;
}

.aguias-reset-password-btn::before,
.academy-password-reset-form-wrapper .academy-btn::before,
.academy-password-reset-form-wrapper button[type="submit"]::before {
	display: none !important;
	content: none !important;
}

.aguias-reset-password-btn > *,
.academy-password-reset-form-wrapper .academy-btn > *,
.academy-password-reset-form-wrapper button[type="submit"] > * {
	display: inline !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Esconde título e borda do formulário de reset quando dentro do card principal */
.academy-password-reset-form-wrapper.aguias-password-reset-inline,
.academy-password-reset-form-wrapper.aguias-password-reset-inline .academy-password-reset-form-heading,
.academy-password-reset-form-wrapper.aguias-password-reset-inline h2,
.academy-password-reset-form-wrapper.aguias-password-reset-inline .academy-password-reset-form,
.academy-password-reset-form-wrapper.aguias-password-reset-inline form {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

.academy-password-reset-form-wrapper.aguias-password-reset-inline .academy-password-reset-form-heading,
.academy-password-reset-form-wrapper.aguias-password-reset-inline h2.academy-password-reset-form-heading {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

/* Estilos para campos do formulário inline */
.academy-password-reset-form-wrapper.aguias-password-reset-inline input[type="text"],
.academy-password-reset-form-wrapper.aguias-password-reset-inline .academy-form-control {
	width: 100% !important;
	padding: 0.75rem 1rem !important;
	border: 1px solid #7FA3E6 !important;
	border-radius: 0.5rem !important;
	font-size: 16px !important;
	outline: none !important;
	transition: all 0.2s !important;
}

.academy-password-reset-form-wrapper.aguias-password-reset-inline input[type="text"]:focus,
.academy-password-reset-form-wrapper.aguias-password-reset-inline .academy-form-control:focus {
	border-color: #102047 !important;
	box-shadow: 0 0 0 2px rgba(16, 32, 71, 0.1) !important;
}

.academy-password-reset-form-wrapper.aguias-password-reset-inline .academy-form-group {
	margin-bottom: 1.25rem !important;
}

.academy-password-reset-form-wrapper.aguias-password-reset-inline label {
	display: block !important;
	font-weight: 600 !important;
	color: #102047 !important;
	margin-bottom: 0.5rem !important;
}

/* =============================================================================
   Botões de Navegação (Anterior/Próxima Aula)
   ========================================================================== */

/* Esconde o texto dos botões de navegação - MÁXIMA especificidade */
.academy-lesson-content-prev-next-btn .academy-btn__label,
.academy-lesson-content-prev-next-btn span.academy-btn__label,
.academy-lesson-content-prev-next-btn .academy-btn span.academy-btn__label,
.academy-lesson-content-prev-next-btn .academy-btn--previous-lesson .academy-btn__label,
.academy-lesson-content-prev-next-btn .academy-btn--next-lesson .academy-btn__label,
.academy-lesson-content-prev-next-btn .academy-btn--previous-lesson span.academy-btn__label,
.academy-lesson-content-prev-next-btn .academy-btn--next-lesson span.academy-btn__label,
.academy-lesson-content-prev-next-btn span.academy-btn span.academy-btn__label {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: -9999px !important;
	position: absolute !important;
	left: -9999px !important;
	clip: rect(0, 0, 0, 0) !important;
}

/* Alinha os ícones das setas */
.academy-lesson-content-prev-next-btn .academy-btn__icon,
.academy-lesson-content-prev-next-btn .academy-btn .academy-btn__icon,
.academy-lesson-content-prev-next-btn .academy-btn--previous-lesson .academy-btn__icon,
.academy-lesson-content-prev-next-btn .academy-btn--next-lesson .academy-btn__icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
}

.academy-lesson-content-prev-next-btn .academy-btn--previous-lesson,
.academy-lesson-content-prev-next-btn .academy-btn--next-lesson,
.academy-lesson-content-prev-next-btn span.academy-btn--previous-lesson,
.academy-lesson-content-prev-next-btn span.academy-btn--next-lesson {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.75rem 1rem !important;
	min-width: 48px !important;
	gap: 0 !important;
	flex-wrap: nowrap !important;
}

.academy-lesson-content-prev-next-btn .academy-icon--arrow-left,
.academy-lesson-content-prev-next-btn .academy-icon--arrow-right,
.academy-lesson-content-prev-next-btn .academy-btn__icon .academy-icon--arrow-left,
.academy-lesson-content-prev-next-btn .academy-btn__icon .academy-icon--arrow-right {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	height: 24px !important;
	flex-shrink: 0 !important;
}

/* =============================================================================
   LAYOUT PRINCIPAL
   ========================================================================== */

.aguias-learn-page-wrapper {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 80px);
	background: #f8f9fa;
}

/* Desktop: Sidebar à direita */
@media (min-width: 1024px) {
	.aguias-learn-page-wrapper {
		flex-direction: row;
	}
	
	.aguias-learn-page-main {
		flex: 1;
		min-width: 0;
		overflow-y: auto;
		max-height: calc(100vh - 80px);
	}
	
	.aguias-learn-page-sidebar {
		width: 360px;
		flex-shrink: 0;
		background: #ffffff;
		border-left: 1px solid #e5e7eb;
		display: flex;
		flex-direction: column;
		/* Removido max-height para deixar fluido */
	}
}

/* Mobile: Sidebar embaixo */
@media (max-width: 1023px) {
	.aguias-learn-page-main {
		order: 1;
		width: 100%;
	}
	
	.aguias-learn-page-sidebar {
		order: 2;
		width: 100%;
		background: #ffffff;
		border-top: 1px solid #e5e7eb;
	}
}

/* =============================================================================
   CONTEÚDO PRINCIPAL
   ========================================================================== */

.aguias-learn-page-content {
	width: 100%;
	padding: var(--aguias-learn-spacing-lg);
}

@media (min-width: 1024px) {
	.aguias-learn-page-content {
		padding: var(--aguias-learn-spacing-xl);
		max-width: 1200px;
		margin: 0 auto;
	}
}

.aguias-lesson-content-wrapper {
	width: 100%;
	padding: 0;
}

.aguias-lesson-content-inner {
	width: 100%;
	padding: 0;
}

.academy-lessons-content-wrap.aguias-lesson-content-wrapper {
	padding: 0;
}

.academy-lessons-content.aguias-lesson-content-inner {
	padding: 0;
}

.aguias-lesson-main-content {
	display: flex;
	flex-direction: column;
	gap: var(--aguias-learn-spacing-xl);
}

/* =============================================================================
   PLAYER DE VÍDEO
   ========================================================================== */

/* Removido - deixar o Academy controlar o tamanho do player */

/* =============================================================================
   NAVEGAÇÃO (BOTÕES ANTERIOR/PRÓXIMO)
   ========================================================================== */

.aguias-lesson-navigation {
	display: flex;
	gap: var(--aguias-learn-spacing-md);
	margin-top: var(--aguias-learn-spacing-xl);
	padding-top: var(--aguias-learn-spacing-lg);
	border-top: 1px solid #e5e7eb;
}

@media (max-width: 767px) {
	.aguias-lesson-navigation {
		flex-direction: column;
		gap: var(--aguias-learn-spacing-sm);
	}
}

.aguias-nav-btn {
	display: flex;
	align-items: center;
	gap: var(--aguias-learn-spacing-sm);
	padding: 1rem 1.5rem;
	background: #ffffff;
	border: 2px solid #e5e7eb;
	border-radius: var(--aguias-learn-radius-md);
	color: #374151;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	transition: var(--aguias-learn-transition);
	flex: 1;
	min-width: 0;
	justify-content: center;
}

.aguias-nav-btn:hover {
	background: #102047;
	border-color: #102047;
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: var(--aguias-learn-shadow-md);
}

.aguias-nav-btn--prev {
	flex-direction: row;
}

.aguias-nav-btn--next {
	flex-direction: row-reverse;
}

.aguias-nav-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #FAB20B;
	border-radius: 50%;
	color: #102047;
	flex-shrink: 0;
	transition: var(--aguias-learn-transition);
}

.aguias-nav-btn:hover .aguias-nav-icon {
	background: #ffffff;
	color: #102047;
	transform: scale(1.1);
}

.aguias-nav-label {
	flex: 1;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity 0.2s ease;
}

/* Mobile: Esconder texto, mostrar apenas ícone */
@media (max-width: 640px) {
	.aguias-nav-label {
		display: none;
	}
	
	.aguias-nav-btn {
		padding: 1rem;
		justify-content: center;
	}
	
	.aguias-nav-icon {
		width: 44px;
		height: 44px;
	}
}

/* Desktop: Mostrar texto sempre */
@media (min-width: 641px) {
	.aguias-nav-label {
		display: block;
	}
}

/* =============================================================================
   SIDEBAR (LISTA DE AULAS)
   ========================================================================== */

.aguias-sidebar-toggle-mobile {
	display: none;
	padding: var(--aguias-learn-spacing-md);
	background: #ffffff;
	border-bottom: 1px solid #e5e7eb;
}

@media (max-width: 1023px) {
	.aguias-sidebar-toggle-mobile {
		display: block;
	}
}

.aguias-sidebar-toggle-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--aguias-learn-spacing-sm);
	padding: 0.875rem 1.25rem;
	background: #FAB20B;
	color: #102047;
	border: none;
	border-radius: var(--aguias-learn-radius-sm);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: var(--aguias-learn-transition);
}

.aguias-sidebar-toggle-btn:hover {
	background: #D28F0A;
	transform: translateY(-1px);
	box-shadow: var(--aguias-learn-shadow-md);
}

.aguias-sidebar-toggle-label {
	flex: 1;
}

.aguias-icon-arrow-left,
.aguias-icon-close {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.aguias-sidebar-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #ffffff;
}

@media (max-width: 1023px) {
	.aguias-sidebar-content {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1000;
		box-shadow: var(--aguias-learn-shadow-lg);
		background: #ffffff;
		overflow-y: auto; /* Mantém scroll apenas no mobile quando sidebar está aberta */
	}
	
	.aguias-sidebar-content.aguias-sidebar-content--open {
		display: flex;
		animation: slideInRight 0.3s ease-out;
	}
	
	/* Overlay escuro atrás da sidebar */
	.aguias-sidebar-content.aguias-sidebar-content--open::before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: -1;
		animation: fadeIn 0.3s ease-out;
	}
}

@keyframes slideInRight {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.aguias-sidebar-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--aguias-learn-spacing-md) var(--aguias-learn-spacing-lg);
	border-bottom: 1px solid #e5e7eb;
	background: #ffffff;
	position: sticky;
	top: 0;
	z-index: 10;
}

.aguias-sidebar-title {
	font-size: 18px;
	font-weight: 600;
	color: #102047;
	margin: 0;
}

.aguias-sidebar-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: transparent;
	border: none;
	border-radius: var(--aguias-learn-radius-sm);
	color: #6b7280;
	cursor: pointer;
	transition: var(--aguias-learn-transition);
}

.aguias-sidebar-close:hover {
	background: #f3f4f6;
	color: #102047;
}

.aguias-sidebar-body {
	flex: 1;
	overflow: visible !important;
	overflow-y: visible !important;
	padding: var(--aguias-learn-spacing-md);
}

.academy-course-learn-page-curriculums.aguias-sidebar-content .aguias-sidebar-body {
	padding: var(--aguias-learn-spacing-md);
	overflow: visible !important;
	overflow-y: visible !important;
}

/* =============================================================================
   LISTA DE TÓPICOS/AULAS
   ========================================================================== */

.academy-lesson-sidebar-content--wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--aguias-learn-spacing-sm);
}

.academy-learn-page-topics {
	margin-bottom: var(--aguias-learn-spacing-sm);
}

.academy-learn-page-topics-title {
	width: 100%;
	display: flex;
	align-items: center;
	gap: var(--aguias-learn-spacing-sm);
	padding: 0.875rem 1rem;
	background: #f8f9fa;
	border: 1px solid #e5e7eb;
	border-radius: var(--aguias-learn-radius-sm);
	font-size: 15px;
	font-weight: 600;
	color: #102047;
	cursor: pointer;
	transition: var(--aguias-learn-transition);
	text-align: left;
}

.academy-learn-page-topics-title:hover {
	background: #f1f6fd;
	border-color: #7FA3E6;
}

.academy-learn-page-topics-title__text {
	flex: 1;
}

.academy-learn-page-topics-lesson-items {
	padding: var(--aguias-learn-spacing-xs) 0 var(--aguias-learn-spacing-xs) 1rem;
}

/* =============================================================================
   ITENS DA LISTA DE AULAS - LAYOUT CORRIGIDO
   ========================================================================== */

.academy-learn-page-topics-lesson-item,
.academy-sub-topics-lesson-item {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	padding: 0.75rem 0.875rem;
	margin-bottom: 0.375rem;
	border-radius: var(--aguias-learn-radius-sm);
	transition: var(--aguias-learn-transition);
	width: 100%;
	box-sizing: border-box;
	min-width: 0;
}

/* Checkbox - posicionado à esquerda */
.academy-learn-page-topics-lesson-item__input,
.academy-sub-topics-lesson-item__input {
	flex-shrink: 0;
	margin-top: 0.125rem;
}

.academy-learn-page-topics-lesson-item__input input[type="checkbox"],
.academy-sub-topics-lesson-item__input input[type="checkbox"] {
	width: 18px;
	height: 18px;
	cursor: pointer;
	flex-shrink: 0;
}

/* Link do item - layout em coluna para tempo ficar embaixo */
.academy-topics-lesson-item__btn,
.academy-sub-topics-lesson-item__btn {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.25rem;
	flex: 1;
	text-decoration: none;
	color: #4b5563;
	font-size: 14px;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	line-height: 1.5;
	box-sizing: border-box;
	word-break: normal;
	overflow-wrap: normal;
	overflow: visible;
}

/* Força quebra de linha entre entry-left e entry-right */
.academy-topics-lesson-item__btn > .academy-entry-left,
.academy-sub-topics-lesson-item__btn > .academy-entry-left {
	width: 100%;
	flex-basis: auto;
}

.academy-topics-lesson-item__btn > .academy-entry-right,
.academy-sub-topics-lesson-item__btn > .academy-entry-right {
	width: 100%;
	flex-basis: auto;
	flex-shrink: 0;
}

.academy-topics-lesson-item__btn:hover,
.academy-sub-topics-lesson-item__btn:hover {
	color: #102047;
}

.academy-learn-page-topics-lesson-item:hover,
.academy-sub-topics-lesson-item:hover {
	background: #f9fafb;
}

.academy-learn-page-topics-lesson-item--playing,
.academy-sub-topics-lesson-item--playing {
	background: #f1f6fd;
}

.academy-learn-page-topics-lesson-item--playing .academy-topics-lesson-item__btn,
.academy-sub-topics-lesson-item--playing .academy-sub-topics-lesson-item__btn {
	color: #102047;
	font-weight: 600;
}

/* Container esquerdo - ícone + texto (ocupa toda largura, força linha completa) */
.academy-entry-left {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	flex: 0 0 auto;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	overflow: visible;
	order: 1;
}

.academy-entry-left .academy-icon {
	flex-shrink: 0;
	margin-top: 0;
	align-self: flex-start;
}

/* Texto da aula - permite quebra de linha normal (não caractere por caractere) */
.academy-learn-page-topics-lesson-item__text,
.academy-sub-topics-lesson-item__text,
.academy-topics-lesson-item__btn .academy-learn-page-topics-lesson-item__text,
.academy-sub-topics-lesson-item__btn .academy-sub-topics-lesson-item__text,
.academy-entry-left .academy-learn-page-topics-lesson-item__text,
.academy-entry-left .academy-sub-topics-lesson-item__text {
	flex: 1 1 auto;
	white-space: normal !important;
	word-wrap: normal !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
	line-height: 1.5 !important;
	min-width: 0 !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
	/* Title Case será aplicado via JavaScript */
}

/* Container direito - duração em negrito (agora embaixo do texto, alinhado à direita) */
.academy-entry-right {
	flex: 0 0 auto !important;
	margin-left: 0;
	margin-top: 0.375rem;
	width: 100% !important;
	display: flex !important;
	justify-content: flex-end;
	align-items: center;
	padding-right: 0;
	order: 2;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	min-height: 20px;
}

.academy-learn-page-topics-lesson-item__duration,
.academy-sub-topics-lesson-item__duration {
	font-weight: 700;
	color: #102047;
	font-size: 13px;
	white-space: nowrap;
	line-height: 1.5;
	display: inline-block !important;
	text-align: right;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =============================================================================
   PROMPT DE LOGIN
   ========================================================================== */

.aguias-lesson-login-prompt {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 400px;
	padding: var(--aguias-learn-spacing-xl);
}

.aguias-lesson-login-content {
	text-align: center;
	max-width: 400px;
}

.aguias-lesson-login-content h4 {
	font-size: 20px;
	font-weight: 600;
	color: #102047;
	margin-bottom: var(--aguias-learn-spacing-sm);
}

.aguias-lesson-login-content p {
	font-size: 15px;
	color: #6b7280;
	margin-bottom: var(--aguias-learn-spacing-lg);
	line-height: 1.6;
}

.aguias-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.875rem 1.75rem;
	border: none;
	border-radius: var(--aguias-learn-radius-sm);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: var(--aguias-learn-transition);
	text-decoration: none;
}

.aguias-btn-primary {
	background: #FAB20B;
	color: #102047;
}

.aguias-btn-primary:hover {
	background: #D28F0A;
	transform: translateY(-2px);
	box-shadow: var(--aguias-learn-shadow-md);
}

.aguias-login-link {
	text-decoration: none !important;
	color: #102047 !important;
}

.aguias-login-link:hover,
.aguias-login-link:focus {
	color: #102047 !important;
	text-decoration: none !important;
}

/* =============================================================================
   TOPBAR (Barra Superior)
   ========================================================================== */

.academy-lesson-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--aguias-learn-spacing-md) var(--aguias-learn-spacing-lg);
	background: #ffffff;
	border-bottom: 1px solid #e5e7eb;
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: var(--aguias-learn-shadow-sm);
}

.academy-lesson-topbar__left {
	display: flex;
	align-items: center;
	gap: var(--aguias-learn-spacing-md);
	flex: 1;
	min-width: 0;
}

.academy-course-title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #102047;
}

.academy-course-title a {
	color: inherit;
	text-decoration: none;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	display: block;
	max-width: 100%;
	line-height: 1.4;
}

.academy-course-title a:hover {
	color: #FAB20B;
}

.academy-lesson-topbar__right {
	display: flex;
	align-items: center;
	gap: var(--aguias-learn-spacing-md);
}

/* =============================================================================
   ESCONDE BOTÃO "MARCAR COMO CONCLUÍDO" - É APENAS INFORMATIVO E CONFUNDE
   ========================================================================== */

/* Esconde botão "Marcar como Concluído" que aparece na página de aprendizado */
button[class*="complete"]:has-text("Marcar como Concluído"),
button[class*="complete"]:has-text("Mark as Complete"),
.academy-btn:has-text("Marcar como Concluído"),
.academy-btn:has-text("Mark as Complete"),
button.academy-btn[aria-label*="Marcar como Concluído"],
button.academy-btn[aria-label*="Mark as Complete"],
.academy-lesson-content button:contains("Marcar como Concluído"),
.academy-lesson-content button:contains("Mark as Complete") {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	position: absolute !important;
	left: -9999px !important;
	clip: rect(0, 0, 0, 0) !important;
}

/* Alternativa: esconde qualquer botão que contenha o texto via JavaScript */
/* Será aplicado via JS também para garantir */

/* =============================================================================
   TÍTULO DA AULA - PADDING APENAS TOPO E BOTTOM
   ========================================================================== */

.academy-lesson-title {
	padding-top: var(--aguias-learn-spacing-md);
	padding-bottom: var(--aguias-learn-spacing-md);
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* =============================================================================
   ESCONDE HEADER "ADICIONAR AVALIAÇÃO" DO PROGRESSO
   ========================================================================== */

.academy-course-progress--header {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	position: absolute !important;
	left: -9999px !important;
	clip: rect(0, 0, 0, 0) !important;
}

/* =============================================================================
   ACESSIBILIDADE
   ========================================================================== */

.aguias-nav-btn:focus,
.aguias-sidebar-toggle-btn:focus,
.aguias-sidebar-close:focus,
.aguias-btn:focus {
	outline: 3px solid #FAB20B;
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* =============================================================================
   COMPATIBILIDADE COM ACADEMY LMS
   ========================================================================== */

/* Garante que os estilos do Academy não quebrem nosso layout */
.academy-course-curriculum-wrapper.aguias-learn-page-wrapper {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 80px);
	background: #f8f9fa;
}

@media (min-width: 1024px) {
	.academy-course-curriculum-wrapper.aguias-learn-page-wrapper {
		flex-direction: row;
	}
}

.academy-course-curriculum-contents.aguias-learn-page-main {
	flex: 1;
	min-width: 0;
	overflow-y: auto;
	max-height: calc(100vh - 80px);
}

/* =============================================================================
   OTIMIZAÇÕES: REMOVE SCROLLBARS DESNECESSÁRIOS DA SIDEBAR
   ========================================================================== */

/* Garante que a sidebar seja fluida sem scrollbars - consolida todas as regras */
.academy-course-curriculums-container,
.academy-course-learn-page-curriculums,
.academy-course-learn-page-curriculums .academy-lesson-sidebar-content,
.academy-lesson-sidebar-content--wrapper,
.academy-lesson-sidebar-content,
#academy-course-curriculums,
#academy-course-curriculums-container,
.academy-course-learn-page-curriculums *,
.academy-lesson-sidebar-content *,
.academy-learn-page-topics * {
	overflow: visible !important;
	overflow-y: visible !important;
	overflow-x: visible !important;
	max-height: none !important;
	height: auto !important;
}

.academy-course-curriculums-container.aguias-learn-page-sidebar {
	width: 100%;
	background: #ffffff;
	border-top: 1px solid #e5e7eb;
}

@media (min-width: 1024px) {
	.academy-course-curriculums-container.aguias-learn-page-sidebar {
		width: 360px;
		flex-shrink: 0;
		border-left: 1px solid #e5e7eb;
		border-top: none;
		display: flex;
		flex-direction: column;
	}
}

.academy-lessons-content-wrap {
	width: 100%;
	padding: 0;
}

.academy-lessons-content {
	width: 100%;
}

/* =============================================================================
   UTILITÁRIOS
   ========================================================================== */

.aguias-learn-page-content .academy-tabs {
	margin-top: var(--aguias-learn-spacing-xl);
}

/* Espaçamento para conteúdo de texto */
.aguias-lesson-main-content .academy-lesson-content {
	line-height: 1.8;
	color: #374151;
}

.aguias-lesson-main-content .academy-lesson-content h1,
.aguias-lesson-main-content .academy-lesson-content h2,
.aguias-lesson-main-content .academy-lesson-content h3 {
	color: #102047;
	margin-top: var(--aguias-learn-spacing-lg);
	margin-bottom: var(--aguias-learn-spacing-md);
}

.aguias-lesson-main-content .academy-lesson-content p {
	margin-bottom: var(--aguias-learn-spacing-md);
}