/* Tablet Optimizations - Estilos generales para tablets */
/* Media queries para tablets: 768px - 1024px */

/* Orientación Horizontal (Landscape) - 768px - 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	/* Asegurar que el contenido tenga espacio adecuado */
	.page-content .container-xxl {
		padding-left: 1rem;
		padding-right: 1rem;
		max-width: 100%;
	}
	
	/* Mejorar espaciado general */
	.page-title-box {
		margin-bottom: 1rem;
		padding-bottom: 0.75rem;
	}
	
	/* Asegurar que el breadcrumb se vea bien */
	.breadcrumb {
		font-size: 0.875rem;
		margin-bottom: 0;
	}
	
	/* Ajustar títulos de página en tablets */
	.page-title-box h4 {
		font-size: 1.25rem;
	}
	
	/* Mejorar espaciado entre secciones */
	.row.mt-4 {
		margin-top: 1.5rem !important;
	}
	
	/* Optimizaciones cuando el sidebar está expandido en tablets */
	body[data-sidebar-size="default"] .page-content .container-xxl {
		max-width: 100%;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	
	/* Cards generales */
	.card {
		margin-bottom: 1rem;
	}
	
	.card-header {
		padding: 0.75rem 1rem;
	}
	
	.card-body {
		padding: 1rem;
	}
}

/* Orientación Vertical (Portrait) - 768px - 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	/* Asegurar que el contenido tenga espacio adecuado */
	.page-content .container-xxl {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		max-width: 100%;
	}
	
	/* Mejorar espaciado general - más compacto en vertical */
	.page-title-box {
		margin-bottom: 0.75rem;
		padding-bottom: 0.5rem;
	}
	
	/* Asegurar que el breadcrumb se vea bien */
	.breadcrumb {
		font-size: 0.8rem;
		margin-bottom: 0;
	}
	
	/* Ajustar títulos de página en tablets verticales */
	.page-title-box h4 {
		font-size: 1.1rem;
	}
	
	/* Mejorar espaciado entre secciones - más compacto */
	.row.mt-4 {
		margin-top: 1rem !important;
	}
	
	/* Optimizaciones cuando el sidebar está expandido en tablets */
	body[data-sidebar-size="default"] .page-content .container-xxl {
		max-width: 100%;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	
	/* Cards generales - más compactos */
	.card {
		margin-bottom: 0.75rem;
	}
	
	.card-header {
		padding: 0.625rem 0.875rem;
	}
	
	.card-body {
		padding: 0.875rem;
	}
}