:root { --azul-brand: #1b366f; --naranja-brand: #f66202; --black-trans-1: hsla(46, 3%, 10%, 0.65); --transparente: hsla(46, 100%, 65%, 0); --azul-brand-t-1: hsla(221, 61%, 27%, 0.09); --azul-brand-t-2: hsla(221, 61%, 27%, 0.18); --azul-brand-t-3: hsla(221, 61%, 27%, 0.27); --azul-brand-t-4: hsla(221, 61%, 27%, 0.36); --azul-brand-t-5: hsla(221, 61%, 27%, 0.45); --azul-brand-t-6: hsla(221, 61%, 27%, 0.55); --azul-brand-t-7: hsla(221, 61%, 27%, 0.64); --azul-brand-t-8: hsla(221, 61%, 27%, 0.73); --azul-brand-t-9: hsla(221, 61%, 27%, 0.82); --azul-brand-t-10: hsla(221, 61%, 27%, 0.91); --blanco: hsl(0, 0%, 100%); --blanco-t-1: hsla(0, 0%, 100%, 0.09); --blanco-t-2: hsla(0, 0%, 100%, 0.18); --blanco-t-3: hsla(0, 0%, 100%, 0.27); --blanco-t-4: hsla(0, 0%, 100%, 0.36); --blanco-t-5: hsla(0, 0%, 100%, 0.45); --blanco-t-6: hsla(0, 0%, 100%, 0.55); --blanco-t-7: hsla(0, 0%, 100%, 0.64); --blanco-t-8: hsla(0, 0%, 100%, 0.73); --blanco-t-9: hsla(0, 0%, 100%, 0.82); --blanco-t-10: hsla(0, 0%, 100%, 0.91); --naranja-brand-t-1: hsla(24, 98%, 49%, 0.09); --naranja-brand-t-2: hsla(24, 98%, 49%, 0.18); --naranja-brand-t-3: hsla(24, 98%, 49%, 0.27); --naranja-brand-t-4: hsla(24, 98%, 49%, 0.36); --naranja-brand-t-5: hsla(24, 98%, 49%, 0.45); --naranja-brand-t-6: hsla(24, 98%, 49%, 0.55); --naranja-brand-t-7: hsla(24, 98%, 49%, 0.64); --naranja-brand-t-8: hsla(24, 98%, 49%, 0.73); --naranja-brand-t-9: hsla(24, 98%, 49%, 0.82); --naranja-brand-t-10: hsla(24, 98%, 49%, 0.91);}