/**Cajas de textos */

.caja_texto {
	width: 100%;
	padding: 5px;
	color: var(--input-color);
	border: var(--input-borde);
	background-color: var(--input-fondo);
	height: 2.4rem;
	font-size: 0.8rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0.2875rem;
}

.caja_texto_disable {
	width: 100%;
	padding: 5px;
	color: var(--input-color);
	border: var(--input-borde);
	background-color: var(--input-fondo-disable);
	height: 2.4rem;
	font-size: 0.8rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0.2875rem;
}

.caja_texto_grande {
	width: 100%;
	padding: 5px;
	height: 12.4rem;
	resize: none;
	color: var(--input-color);
	border: var(--input-borde);
	background-color: var(--input-fondo);
	font-size: 0.8rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0.2875rem;
}

.caja_texto_calculo {
	font-family: 'Poppins Bold', sans-serif;
	width: 100%;
	padding: 5px;
	border: 0px;
	background-color: #FFFFFF;
	height: 2.4rem;
	font-size: 1rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: right;
}


input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button, input {
	overflow: visible;
}

button, select {
	text-transform: none;
}

select {
	word-wrap: normal;
}

button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
	cursor: pointer;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

/**Boton Swicht */

.switch-button {
	display: inline-block;
}

.switch-button .switch-button__checkbox {
	display: none;
}

.switch-button .switch-button__label {
	background-color: var(--swicht-fondo);
	width: 2.1rem;
	height: 1.1rem;
	border-radius: 3rem;
	display: inline-block;
}

.switch-button .switch-button__label:before {
	transition: .2s;
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	background-color: var(--swicht-button);
	content: '';
	border-radius: 50%;
	box-shadow: inset 0px 0px 0px 1px var(--swicht-button-borde);
}

.switch-button .switch-button__checkbox:checked+.switch-button__label {
	background-color: var(--swicht-activo);
}

.switch-button .switch-button__checkbox:checked+.switch-button__label:before {
	transform: translateX(1rem);
}

/**Botonoes carasteristicas standar */

.btn {
	display: inline-block;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.75rem 1.5rem;
	font-size: 0.9rem;
	line-height: 1;
	border-radius: 0.4875rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:focus, .btn.focus {
	outline: 0;
	box-shadow: transparent !important;
}

.btn.disabled, .btn:disabled {
	opacity: 0.65;
}

.btn-separacion {
	margin-top: 20px;
	margin-bottom: 20px;
}


.btn-primary {
	color: var(--btn-primary-color);
	background-color: var(--btn-primary-bg);
	border-color: var(--btn-primary-borde);
}

.btn-primary:hover {
	color: var(--btn-primary-color-hover);
	background-color: var(--btn-primary-hover);
	border-color: var(--btn-primary-borde);
}

/**Boton estilo secundario */

.btn-secundary {
	color: var(--btn-secundary-color);
	background-color: var(--btn-secundary-bg);
	border-color: var(--btn-secundary-borde);
}

.btn-secundary:hover {
	color: var(--btn-secundary-color);
	background-color: var(--btn-secundary-hover);
	border-color: var(--btn-secundary-borde);
}

/**Boton estilo link */



.link-sub {
	font-family: 'Poppins Bold', sans-serif;
	font-weight: 400;
	color: var(--link-sub-color);
	text-decoration: underline !important;
	font-size: 0.8rem;
	letter-spacing: 0px;
}

.link-sub:hover {
	color: var(--link-sub-hover);
	text-decoration: none !important;
}

a {
	font-weight: 400;
	color: var(--link-color);
	text-decoration: none !important;
}

a:hover {
	color: var(--link-hover);
	text-decoration: none !important;
}

a:focus {
	text-decoration: none !important;
	box-shadow: none;
}