body { font-family: 'Roboto', sans-serif; font-style: normal; --fontNormal: 400; --fontSemiBold: 500; --fontBold: 700; font-size: 16px; --fondoHeader: #F19BE0; --fondoMenuHeader: #FCEBF8; --fondoBannerHeader: #E338C2; --colorTextoBanner: #E338C2; --iconosHeader: #E338C2; --fondoFooter: #FFFFFF; --fondoBody: #FFFFFF; --linksMenuCabecera: #E338C4; --linksMenuCabeceraHover: #38C2E3; --bordeCajasMenuCabecera: #E338C2; --fondoCajasMenusCabecera: #FFFFFF; --linksMenuCabeceraCajas: #E338C2; --linksMenuCabeceraCajasHover: #38C2E3; --lineaVerticalMenuCabeceraCajas: #38C2E3; --fondoEnlaceMenuCabeceraCajas: #FFDEE9; --fondoEnlaceMenuCabeceraCajasForzado: #FFDEE9; --textoFoot: #E338C2; --linkFoot: #E54BC8; --linkFootHover: #38C2E3; --botonSus: #FCFDFD; --textoBotonSus: #586B96; --botonSusHover: #BDC5D6; --textoBotonSusHover: #FFFFFF; --fondoMenuLat: #FFFFFF; --fondoModal: #FCFDFD; --fondoModalCaja: #D4EAE1; --bordeModalCaja: #3C4966; --textoModal: #494949; --tituloModal: #586B96; --botonModal: #4F6086; --textoBotonModal: #FCFDFD; --fondoMenuCarr: #FFFFFF; --linksMenuLat: #E338C2; --linksMenuLatHover: #38C2E3; --nivelesMenuLatHover: #FFDEE9; --fondoBotonCarr: #FFF7FA; --textoBotonCarr: #E338C2; --textoTotalCarr: #E338C2; --textoWeb: #494949; --bordeCajaForm: #3C4966; --fondoCajaForm: #FCFDFD; --colorAlarma: #DD3044; --campoValidado: #455576; --etqCampoValidado: #3C4966; --etqForm: #586B96; --spinner: #4F6086; --botonForm: #4F6086; --botonFormAlpha: rgba(79, 96, 134, 0.2); --textoBotonForm: #FCFDFD; --textoTitular: #B51997; --textoSubTitular: #E338C2; --switchOff: #CDD3E0; --switchDesplazador: #ECEFF4; --switchON: #4F6086; --linkTextos: #E338C4; --linkTextosHover: #38C2E3; --bordeCajaPanel: #3C4966; --fondoCajaPanel: #DDE1EA; --etqPanel: #D4EAE1; --bordeEtqPanel: #3C4966; --etqPanelOff: #F6FBF9; --bordeEtqPanelOff: #7C7C7C; --textoEtqPanelOff: #7C7C7C; --textoEtqPanelOn: #494949; --textoDatosEmpresa: #6F6F6F; --scrollFondo: #AEB7CC; --scrollBarra: #586B96; --scrollBarraHover: #455576; --etqOferta: #455576; --textoEtqOferta: #FCFDFD; --cajaInt: #ECEFF4; --cajaIntHover: #DDE1EA; --cajaIntTxt: #455576; --cajaIntTxtHover: #586B96; --colorIcono: #25D366; --colorFondoCajas: #ECEFF4; --colorCTA: #494949; --colorTextoL1: #586B96; --colorTextoL2: #586B96; --cajaOperador: #FCFDFD; --textoCabTitulo: #FCFDFD; --textoCabDescripcion: #FCFDFD; --colorBordesChat: #25D366; }