:root {
	--afe-rojo-1: #f1e7e8;
	--afe-rojo-2: #edc2c5;
	--afe-rojo-3: #e99da1;
	--afe-rojo-4: #e5797e;
	--afe-rojo-5: #e1545b;
	--afe-rojo-6: #dd2f37;
	--afe-rojo-7: #e20613;
	--afe-rojo-8: #be0912;
	--afe-rojo-9: #87060d;
	--afe-rojo-10: #6c050a;
	--afe-rojo-11: #500308;
	--afe-rojo-12: #350205;
	--afe-ambar-1: #fef9f2;
	--afe-ambar-2: #fce4b7;
	--afe-ambar-3: #fce4b7;
	--afe-ambar-4: #fbd58c;
	--afe-ambar-5: #f8bd49;
	--afe-ambar-6: #f5ae22;
	--afe-ambar-7: #f6a505;
	--afe-ambar-8: #d58f04;
	--afe-ambar-9: #936303;
	--afe-ambar-10: #724c02;
	--afe-ambar-11: #513601;
	--afe-ambar-12: #302000;
	--afe-neutro-1: #ffffff;
	--afe-neutro-2: #e8e8e8;
	--afe-neutro-3: #d1d1d1;
	--afe-neutro-4: #bbbbbb;
	--afe-neutro-5: #a4a4a4;
	--afe-neutro-6: #8d8d8d;
	--afe-neutro-7: #767676;
	--afe-neutro-8: #5f5f5f;
	--afe-neutro-9: #484848;
	--afe-neutro-10: #323232;
	--afe-neutro-11: #1b1b1b;
	--afe-neutro-12: #040404;
	--afe-color-primario: #d90a14;
	--afe-color-primario-fuerte: var( --afe-rojo-8 );
	--afe-color-secundario: var( --afe-ambar-7 );
	--afe-color-texto: var( --afe-neutro-12 );
	--afe-color-texto-suave: var( --afe-neutro-8 );
	--afe-color-borde: var( --afe-ambar-4 );
	--afe-color-borde-fuerte: var( --afe-ambar-9 );
	--afe-color-borde-suave: var( --afe-neutro-3 );
	--afe-color-superficie: #fff;
	--afe-color-superficie-suave: var( --afe-ambar-1 );
	--afe-color-relleno: var( --afe-ambar-9 );
	--afe-color-overlay: rgba( 0, 0, 0, 0.45 );
	--afe-color-exito: #177c34;
	--afe-color-error: var( --afe-rojo-8 );
	--afe-color-aviso: var( --afe-ambar-9 );
	--afe-color-info: var( --afe-neutro-9 );
	--afe-radio: 8px;
	--afe-radio-tarjeta: 16px;
	--afe-fuente: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--afe-fuente-titulo: var( --afe-fuente );
	--afe-respiro-inferior: 56px;
}
@media ( max-width: 600px ) {
	:root {
		--afe-respiro-inferior: 32px;
	}
}
:where( [class^="afe-"], [class*=" afe-"] ) :where( button, input, select, textarea ) {
	font-family: inherit;
}
.afe-cotizador.afe-cotizador a,
.afe-checkout.afe-checkout a,
.afe-rastreador.afe-rastreador a,
.afe-resultado-pago.afe-resultado-pago a,
.afe-modal.afe-modal a {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.screen-reader-text {
	border: 0;
	clip: rect( 1px, 1px, 1px, 1px );
	clip-path: inset( 50% );
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}