:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --azul-oscuro: #0A2540; --azul-corporativo: #1E3A8A; --azul-claro: #3B82F6; --gris-claro: #E5E7EB; --verde-oscuro-empresarial: #053B23; --verde-corporativo: #1A7A43; --verde-claro-empresarial: #4BC36F; --gris-corporativo-claro: #E0E3DF; --negro-corporativo: #111827; --gris-corporativo-corporativo: #374151; --oro-empresarial: #D4AF37; --blanco-corporativo: #F9FAFB; --naranja-corporativo-deep: #EA580C; --naranja-corporativo-claro: #FB923C; --slate-corporativo-oscuro: #1E293B; --gris-corporativo: #F1F5F9;}.bg-azul-oscuro { background-color: var(--azul-oscuro); }.text-azul-oscuro { color: var(--azul-oscuro); }.border-azul-oscuro { border-color: var(--azul-oscuro); }.outline-azul-oscuro { outline-color: var(--azul-oscuro); }.fill-azul-oscuro { fill: var(--azul-oscuro); }.stroke-azul-oscuro { stroke: var(--azul-oscuro); }.bg-azul-corporativo { background-color: var(--azul-corporativo); }.text-azul-corporativo { color: var(--azul-corporativo); }.border-azul-corporativo { border-color: var(--azul-corporativo); }.stroke-azul-corporativo { stroke: var(--azul-corporativo); }.fill-azul-corporativo { fill: var(--azul-corporativo); }.outline-azul-corporativo { outline-color: var(--azul-corporativo); }.bg-azul-claro { background-color: var(--azul-claro); }.text-azul-claro { color: var(--azul-claro); }.border-azul-claro { border-color: var(--azul-claro); }.outline-azul-claro { outline-color: var(--azul-claro); }.stroke-azul-claro { stroke: var(--azul-claro); }.fill-azul-claro { fill: var(--azul-claro); }.outline-gris-claro { outline-color: var(--gris-claro); }.fill-gris-claro { fill: var(--gris-claro); }.stroke-gris-claro { stroke: var(--gris-claro); }.border-gris-claro { border-color: var(--gris-claro); }.bg-gris-claro { background-color: var(--gris-claro); }.text-gris-claro { color: var(--gris-claro); }.bg-verde-oscuro-empresarial { background-color: var(--verde-oscuro-empresarial); }.text-verde-oscuro-empresarial { color: var(--verde-oscuro-empresarial); }.border-verde-oscuro-empresarial { border-color: var(--verde-oscuro-empresarial); }.outline-verde-oscuro-empresarial { outline-color: var(--verde-oscuro-empresarial); }.fill-verde-oscuro-empresarial { fill: var(--verde-oscuro-empresarial); }.stroke-verde-oscuro-empresarial { stroke: var(--verde-oscuro-empresarial); }.stroke-verde-corporativo { stroke: var(--verde-corporativo); }.fill-verde-corporativo { fill: var(--verde-corporativo); }.outline-verde-corporativo { outline-color: var(--verde-corporativo); }.border-verde-corporativo { border-color: var(--verde-corporativo); }.text-verde-corporativo { color: var(--verde-corporativo); }.bg-verde-corporativo { background-color: var(--verde-corporativo); }.border-verde-claro-empresarial { border-color: var(--verde-claro-empresarial); }.outline-verde-claro-empresarial { outline-color: var(--verde-claro-empresarial); }.fill-verde-claro-empresarial { fill: var(--verde-claro-empresarial); }.stroke-verde-claro-empresarial { stroke: var(--verde-claro-empresarial); }.text-verde-claro-empresarial { color: var(--verde-claro-empresarial); }.bg-verde-claro-empresarial { background-color: var(--verde-claro-empresarial); }.stroke-gris-corporativo-claro { stroke: var(--gris-corporativo-claro); }.fill-gris-corporativo-claro { fill: var(--gris-corporativo-claro); }.outline-gris-corporativo-claro { outline-color: var(--gris-corporativo-claro); }.border-gris-corporativo-claro { border-color: var(--gris-corporativo-claro); }.text-gris-corporativo-claro { color: var(--gris-corporativo-claro); }.bg-gris-corporativo-claro { background-color: var(--gris-corporativo-claro); }.outline-negro-corporativo { outline-color: var(--negro-corporativo); }.fill-negro-corporativo { fill: var(--negro-corporativo); }.stroke-negro-corporativo { stroke: var(--negro-corporativo); }.border-negro-corporativo { border-color: var(--negro-corporativo); }.text-negro-corporativo { color: var(--negro-corporativo); }.bg-negro-corporativo { background-color: var(--negro-corporativo); }.bg-gris-corporativo-corporativo { background-color: var(--gris-corporativo-corporativo); }.text-gris-corporativo-corporativo { color: var(--gris-corporativo-corporativo); }.border-gris-corporativo-corporativo { border-color: var(--gris-corporativo-corporativo); }.outline-gris-corporativo-corporativo { outline-color: var(--gris-corporativo-corporativo); }.fill-gris-corporativo-corporativo { fill: var(--gris-corporativo-corporativo); }.stroke-gris-corporativo-corporativo { stroke: var(--gris-corporativo-corporativo); }.stroke-oro-empresarial { stroke: var(--oro-empresarial); }.fill-oro-empresarial { fill: var(--oro-empresarial); }.outline-oro-empresarial { outline-color: var(--oro-empresarial); }.border-oro-empresarial { border-color: var(--oro-empresarial); }.text-oro-empresarial { color: var(--oro-empresarial); }.bg-oro-empresarial { background-color: var(--oro-empresarial); }.stroke-blanco-corporativo { stroke: var(--blanco-corporativo); }.fill-blanco-corporativo { fill: var(--blanco-corporativo); }.outline-blanco-corporativo { outline-color: var(--blanco-corporativo); }.border-blanco-corporativo { border-color: var(--blanco-corporativo); }.text-blanco-corporativo { color: var(--blanco-corporativo); }.bg-blanco-corporativo { background-color: var(--blanco-corporativo); }.border-naranja-corporativo-deep { border-color: var(--naranja-corporativo-deep); }.text-naranja-corporativo-deep { color: var(--naranja-corporativo-deep); }.bg-naranja-corporativo-deep { background-color: var(--naranja-corporativo-deep); }.outline-naranja-corporativo-deep { outline-color: var(--naranja-corporativo-deep); }.stroke-naranja-corporativo-deep { stroke: var(--naranja-corporativo-deep); }.fill-naranja-corporativo-deep { fill: var(--naranja-corporativo-deep); }.border-naranja-corporativo-claro { border-color: var(--naranja-corporativo-claro); }.text-naranja-corporativo-claro { color: var(--naranja-corporativo-claro); }.bg-naranja-corporativo-claro { background-color: var(--naranja-corporativo-claro); }.outline-naranja-corporativo-claro { outline-color: var(--naranja-corporativo-claro); }.fill-naranja-corporativo-claro { fill: var(--naranja-corporativo-claro); }.stroke-naranja-corporativo-claro { stroke: var(--naranja-corporativo-claro); }.outline-slate-corporativo-oscuro { outline-color: var(--slate-corporativo-oscuro); }.border-slate-corporativo-oscuro { border-color: var(--slate-corporativo-oscuro); }.fill-slate-corporativo-oscuro { fill: var(--slate-corporativo-oscuro); }.stroke-slate-corporativo-oscuro { stroke: var(--slate-corporativo-oscuro); }.text-slate-corporativo-oscuro { color: var(--slate-corporativo-oscuro); }.bg-slate-corporativo-oscuro { background-color: var(--slate-corporativo-oscuro); }.stroke-gris-corporativo { stroke: var(--gris-corporativo); }.fill-gris-corporativo { fill: var(--gris-corporativo); }.outline-gris-corporativo { outline-color: var(--gris-corporativo); }.border-gris-corporativo { border-color: var(--gris-corporativo); }.text-gris-corporativo { color: var(--gris-corporativo); }.bg-gris-corporativo { background-color: var(--gris-corporativo); }