/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Texto de los formularios: el tema del template cambia el color del
   texto a blanco cuando el bloque que envuelve al formulario tiene la
   clase "dark" (footer, secciones oscuras...), lo que lo hacia
   ilegible sobre fondos claros. Fijamos siempre texto oscuro sobre
   fondo claro en TODOS los inputs del sitio (la pagina de
   mantenimiento tiene su propio estilo mas especifico y no se ve
   afectada por esta regla). */
.form-control,
.form-control:focus {
	background-color: #ffffff !important;
	color: #111827 !important;
	border-color: #e2e8f0 !important;
}
.form-control::placeholder {
	color: #94a3b8 !important;
	opacity: 1;
}

/* Banners de soporte (AnyDesk / Soporte Innova) */
.soporte-banner {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #0f172a;
	border: 1px solid rgba(249, 89, 0, 0.25);
	border-radius: 12px;
	padding: 18px 20px;
	text-decoration: none;
	transition: border-color 0.2s, transform 0.2s;
}
.soporte-banner:hover {
	border-color: rgba(249, 89, 0, 0.65);
	transform: translateY(-2px);
}
.soporte-banner-icon {
	width: 42px;
	height: 42px;
	flex: none;
	border-radius: 10px;
	background: linear-gradient(135deg, #F95900 0%, #FF7A29 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.soporte-banner-icon i {
	color: #fff;
	font-size: 1.1rem;
}
.soporte-banner-title {
	display: block;
	color: #fff;
	font-weight: 700;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 0.95rem;
}
.soporte-banner-sub {
	display: block;
	color: #94a3b8;
	font-size: 0.82rem;
	margin-top: 2px;
}