/* ============================================================================
 * load.redesign.css — Superset tokenizado de formularios/load.css
 *
 * Origen: /tools/components/formularios/assets/css/load.css (149 líneas).
 *
 * MODO: SUPERSET REEMPLAZO. Copia íntegra + tokenizations en valores existentes.
 * REGLA ESTRICTA: solo cambia valores de propiedades ya declaradas.
 *
 * Tokenizations:
 *   #fff / white / rgb(255,255,255)  → var(--neutral-white)
 *   padding-top/bottom: 15px        → var(--space-4) (Δ=+1)
 *   border-radius: 3px              → var(--radius-sm) (Δ=−1)
 *
 * Preservados:
 *   linear-gradient(to left, #14477e, #275f90)  (decorativo brand legacy)
 *   #fd2727 (rojo neón específico, no encaja en --error)
 *   #ececec / #dcdcdc / #333  (grises específicos)
 *   #dc3545 (Bootstrap danger oficial)
 *   margin-left: -40px (negativo)
 *   dimensiones decorativas del checkmark (0.2rem, 0.15rem, 1.2rem, etc.)
 *   transform / position / @import / fonts
 * ============================================================================ */

@import url("https://fonts.bunny.net/css?family=Mali|Caveat|Lato|Lora|Montserrat|Open+Sans|Oswald|Playfair+Display|Quicksand|Raleway|Roboto|Ubuntu|Inter");
@import url(../scss/icons/themify-icons/themify-icons.css);

.bg-gradient-nav {
	background: linear-gradient(to left, #14477e, #275f90) !important;
	padding-top: var(--space-4);
	padding-bottom: var(--space-4);
}

.list-form-input {
	list-style: none;
	margin-left: -40px;
}

.span_pseudo,
.chiller_cb span:before,
.chiller_cb span:after {
	content: "";
	display: inline-block;
	background: var(--neutral-white);
	width: 0;
	height: 0.2rem;
	position: absolute;
	transform-origin: 0% 0%;
}

.chiller_cb {
	position: relative;
	height: 2rem;
	display: flex;
	align-items: center;
}

.chiller_cb input {
	display: none;
}

.chiller_cb input:checked ~ span {
	background: #fd2727;
	border-color: #fd2727;
}

.chiller_cb input:checked ~ span:before {
	width: 1rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.3s;
}

.chiller_cb input:checked ~ span:after {
	width: 0.4rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.2s;
}

.chiller_cb input:disabled ~ span {
	background: #ececec;
	border-color: #dcdcdc;
}

.chiller_cb input:disabled ~ label {
	color: #dcdcdc;
}

.chiller_cb input:disabled ~ label:hover {
	cursor: default;
}

.chiller_cb label {
	padding-left: 2rem;
	position: relative;
	z-index: 2;
	cursor: pointer;
	margin-bottom: 0;
}

.chiller_cb span {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	border: 2px solid var(--neutral-white);
	border-top-color: var(--neutral-white);
	border-right-color: var(--neutral-white);
	border-bottom-color: var(--neutral-white);
	border-left-color: var(--neutral-white);
	position: absolute;
	left: 0;
	transition: all 0.2s;
	z-index: 1;
	box-sizing: content-box;
	background: var(--neutral-white);
	border-radius: var(--radius-sm);
}

.chiller_cb span:before {
	transform: rotate(-55deg);
	top: 1rem;
	left: 0.37rem;
}

.chiller_cb span:after {
	transform: rotate(35deg);
	bottom: 0.35rem;
	left: 0.2rem;
}

#submitForm {
	cursor: pointer;
}

#submitForm:active {
	transform: scale(0.9);
}

#loader-page-preview {
	display: block;
	background: var(--neutral-white);
	color: #333;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999999999999999999999999;
}

#loader-page-preview .content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

body {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.help-block {
	color: #dc3545!important;
}