/*
 # ########*###########################
 Autor: José Luis Rodriguez
 Mail: jrodriguez@bincodex.com
 Web: https://bincodex.com
 Fecha: 2026-07-02 11:25:16
 Archivo: forms.css
 Codificación: UTF-8
 Editado en: Kate 25.04.3
 ####################################
 */



/*Formularios*/
.grid-form {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
	padding: 10px;
	background: #fff;
	border-radius: 7px;
	border: 1px solid silver;

}

.grid-form div {
	padding: 7px;
}











/* Botones */
.bckRed {
	background: #aa0000 !important;
}

.bckGreen {
	background: #00883f !important;
}

.bckOrange {
	background: #ffaa00 !important;
}

.bckBlue {
	background: #1c3baa !important;
}

.bckSilver {
	background: #595959 !important;
}

.bckPurple {
	background: #6a1479 !important;
}

.HM-button {
	padding: 9px 9px !important;
	background: #5555ff;
	border-radius: 12px !important;
	border: 0px !important;
	color: white !important;
	cursor: pointer !important;
	margin-left: 0px !important;
	font-size: 1em !important;
	font-weight: bold;
}

.HM-button:active {
	padding: 9px 8px !important;
}

.alert {
	font-size: 1.3em;
	text-align: center;
}

.tool-bar {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 15px;
}

.cnt-resp:has(input[type="radio"]:checked) {
  background-color: #ffff7f;
  color: #00007f;
}


.cnt-resp:has(input[type="checkbox"]:checked) {
  background-color: #ffff7f;
  color: #00007f;
}










/* Botón Horizonte Moderno */
.HM-button {
	padding: 10px 20px !important;
	/* Degradado usando los colores del logo */
	background: linear-gradient(135deg, var(--color-secundario-green) 0%, var(--color-primario-dark) 100%);
	border-radius: var(--radio-borde-lg) !important;
	border: 0px !important;
	color: white !important;
	cursor: pointer !important;
	font-size: 14px !important;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	box-shadow: 0 4px 15px rgba(30, 58, 109, 0.2);
	transition: var(--transicion);
}

.HM-button:hover {
	box-shadow: 0 6px 20px rgba(30, 58, 109, 0.3);
	transform: translateY(-1px);
}

.HM-button:active {
	transform: translateY(1px);
	box-shadow: 0 2px 10px rgba(30, 58, 109, 0.2);
}
/* ------------------------------------- */