/* Contenedor principal */
			.form-container {
				max-width: 1100px;
				margin: 0 auto;
			}
			
			.form-card {
				background: var(--white);
				border-radius: 1.5rem;
				box-shadow: var(--shadow-lg);
				overflow: hidden;
			}
			
			/* Encabezado */
			.form-header {
				background: linear-gradient(135deg, var(--primary) 0%, #003d66 100%);
				padding: 1.5rem 2rem;
				color: var(--white);
			}
			
			.form-header h2 {
				font-size: 1.5rem;
				font-weight: 700;
				margin-bottom: 0.25rem;
			}
			
			.form-header p {
				opacity: 0.8;
				margin-bottom: 0;
			}
			
			/* TABS - Estilo lateral izquierdo */
			.tabs-wrapper {
				display: flex;
				min-height: 600px;
			}
			
			/* Tabs laterales */
			.nav-tabs-left {
				width: 250px;
				background: #f8f9fa;
				border-right: 1px solid var(--border-gray);
				flex-shrink: 0;
			}
			
			.nav-tabs-left .nav-link {
				border: none;
				border-radius: 0;
				padding: 1rem 1.2rem;
				color: #4a5568;
				font-weight: 600;
				text-align: left;
				transition: all 0.3s ease;
				border-left: 3px solid transparent;
			}
			
			.nav-tabs-left .nav-link i {
				width: 24px;
				margin-right: 10px;
				color: var(--accent);
			}
			
			.nav-tabs-left .nav-link:hover {
				background: rgba(0, 84, 145, 0.05);
				color: var(--primary);
			}
			
			.nav-tabs-left .nav-link.active {
				background: white;
				color: var(--primary);
				border-left-color: var(--accent);
				box-shadow: var(--shadow-sm);
			}
			
			/* Contenido de los tabs */
			.tab-content-right {
				flex: 1;
				padding: 2rem;
				background: var(--white);
			}
			
			.tab-pane {
				animation: fadeIn 0.3s ease;
			}
			
			@keyframes fadeIn {
				from {
					opacity: 0;
					transform: translateY(10px);
				}
				to {
					opacity: 1;
					transform: translateY(0);
				}
			}
			
			/* Estilos de formulario */
			.section-title {
				font-size: 1.2rem;
				font-weight: 700;
				color: var(--primary);
				margin-bottom: 1.5rem;
				padding-bottom: 0.5rem;
				border-bottom: 2px solid var(--accent);
				display: inline-block;
			}
			
			.form-label {
				font-weight: 600;
				font-size: 0.85rem;
				color: #4a5568;
				margin-bottom: 0.25rem;
			}
			
			.form-control, .form-select {
				border: 1px solid var(--border-gray);
				border-radius: 0.75rem;
				padding: 0.6rem 1rem;
				font-size: 0.9rem;
				transition: all 0.3s ease;
			}
			
			.form-control:focus, .form-select:focus {
				border-color: var(--accent);
				box-shadow: 0 0 0 0.2rem rgba(233, 83, 9, 0.25);
			}
			
			textarea.form-control {
				resize: vertical;
				min-height: 150px;
				font-family: 'Open Sans', monospace;
				font-size: 0.85rem;
			}
			
			.info-hint {
				font-size: 0.7rem;
				color: #6c757d;
				margin-top: 0.25rem;
			}
			
			/* Botones */
			.btn-submit {
				background: var(--accent);
				color: var(--white);
				border: none;
				padding: 0.75rem 2rem;
				border-radius: 2rem;
				font-weight: 600;
				font-size: 1rem;
				transition: all 0.3s ease;
			}
			
			.btn-submit:hover {
				background: var(--primary);
				transform: translateY(-2px);
			}
			
			.btn-secondary-custom {
				background: #6c757d;
				color: var(--white);
				border: none;
				padding: 0.75rem 2rem;
				border-radius: 2rem;
				font-weight: 600;
				transition: all 0.3s ease;
			}
			
			.btn-secondary-custom:hover {
				background: #5a6268;
				transform: translateY(-2px);
			}
			
			/* Loading y Toast */
			.loading-overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.7);
				z-index: 9999;
				display: none;
				justify-content: center;
				align-items: center;
				flex-direction: column;
			}
			
			.loading-overlay .spinner-border {
				width: 3rem;
				height: 3rem;
			}
			
			.loading-overlay p {
				color: var(--white);
				margin-top: 1rem;
			}
			
			.toast-notification {
				position: fixed;
				bottom: 30px;
				right: 30px;
				z-index: 10000;
				min-width: 300px;
				animation: slideIn 0.3s ease;
			}
			
			@keyframes slideIn {
				from {
					transform: translateX(100%);
					opacity: 0;
				}
				to {
					transform: translateX(0);
					opacity: 1;
				}
			}
			
			/* Badge de requerido */
			.required-star {
				color: var(--accent);
				margin-left: 3px;
			}
			
			/* Footer */
			footer {
				background: var(--white);
				margin-top: 3rem;
				padding: 1.5rem 0;
				text-align: center;
				color: #6c757d;
				font-size: 0.8rem;
				border-top: 1px solid var(--border-gray);
			}
			
			.pt-spacer {
				padding-top: 76px;
			}
			
			@media (max-width: 768px) {
				.tabs-wrapper {
					flex-direction: column;
				}
				
				.nav-tabs-left {
					width: 100%;
					border-right: none;
					border-bottom: 1px solid var(--border-gray);
					display: flex;
					flex-wrap: wrap;
				}
				
				.nav-tabs-left .nav-link {
					text-align: center;
					flex: 1;
					padding: 0.75rem 0.5rem;
					font-size: 0.8rem;
				}
				
				.nav-tabs-left .nav-link i {
					margin-right: 5px;
				}
				
				.tab-content-right {
					padding: 1.5rem;
				}
				
				.form-header {
					padding: 1rem 1.5rem;
				}
				
				.btn-submit, .btn-secondary-custom {
					width: 100%;
					margin-bottom: 0.5rem;
				}
				
				.d-flex.gap-2 {
					flex-direction: column;
				}
			}