/* Estilos generales para las cards del formulario */
.card {
	border-radius: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
	background-color: #fff;
	transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.card:hover {
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3); 
	border-color: rgba(0, 0, 0, 0.35);
}
/* Etiquetas del formulario */
.form-label {
	font-weight: 500;
	color: #333;
}

/* Input y select */
.form-control,
.form-select {
	border-radius: 0.5rem;
	border: 1px solid #ced4da;
	box-shadow: none;
	transition: border-color 0.2s ease-in-out;
}

/* ====================
   FOCUS por sección
==================== */

/* Estudiante: Morado */
.card.estudiante .form-control:focus,
.card.estudiante .form-select:focus {
	border-color: #c267f5;
	box-shadow: 0 0 0 0.2rem rgba(194, 103, 245, 0.25);
}

/* Pagador: Amarillo cálido */
.card.pagador .form-control:focus,
.card.pagador .form-select:focus {
	border-color: #facc15;
	box-shadow: 0 0 0 0.2rem rgba(250, 204, 21, 0.25);
}

/* Pago: Turquesa */
.card.pago .form-control:focus,
.card.pago .form-select:focus {
	border-color: #22d3ee;
	box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.25);
}

/* Documentos: Azul claro */
.card.documentos .form-control:focus,
.card.documentos .form-select:focus {
	border-color: #60a5fa;
	box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.25);
}

/* ===========================
   Botón de envío general
=========================== */
.btn-inscripcion {
	background-color: #f97316; /* Naranja */
	color: white;
	font-weight: 600;
	padding: 0.75rem 2rem;
	border-radius: 0.5rem;
	border: none;
	transition: background-color 0.3s ease-in-out;
}

.btn-inscripcion:hover {
	background-color: #ea580c; /* Naranja más fuerte */
	color: white;
}

/* ==============================
   Colores de cabecera de tarjeta
============================== */
.card-header.estudiante {
	background-color: #f3e8ff;
	color: #6f42c1;
}

.card-header.pagador {
	background-color: #fff3cd;
	color: #856404;
}

.card-header.pago {
	background-color: #e0f7fa;
	color: #007b83;
}

.card-header.documentos {
	background-color: #eaf4ff;
	color: #0056b3;
}
.form-check-label {
  color: #444;
}
.form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}
table.table-bordered th,
table.table-bordered td {
	border: 1px solid #007b83 !important;
}

.card.estudiante,
.card.pagador,
.card.pago,
.card.documentos {
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3) !important;
	background-color: #fff !important;
	transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.card.estudiante:hover,
.card.pagador:hover,
.card.pago:hover,
.card.documentos:hover {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}
.link-descarga {
	color: #B66E00;
	font-weight: 600;
	text-decoration: none;
}

.link-descarga:hover {
	text-decoration: underline;
	color: #945800;
}
/* Estilos para los métodos de pago */
.badge {
    font-size: 0.8em;
}

.alert h6 {
    color: #856404;
    margin-bottom: 15px;
}

.bg-light {
    background-color: #f8f9fa !important;
}

/* Estilo para el botón de copiar */
.btn-outline-secondary {
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    background-color: #6c757d;
    color: white;
}