@font-face {
                  font-family: Manrope;
                  src: url("./media/Manrope-Variable-CGUABNMS.woff2") format("woff2"),
                        url("./media/Manrope-Variable-URZPNMO5.woff") format("woff"),
                        url("./media/Manrope-Variable-2COESQWQ.ttf") format("truetype");
                  font-weight: 200 800;
                  font-display: swap;
                  font-style: normal;
            }

            @font-face {
                  font-family: Manrope;
                  src: url("./media/Manrope-ExtraLight-UDRZCUIO.woff2") format("woff2"),
                        url("./media/Manrope-ExtraLight-A6457SPE.woff") format("woff"),
                        url("./media/Manrope-ExtraLight-TH6HSIIB.ttf") format("truetype");
                  font-weight: 200;
                  font-display: swap;
                  font-style: normal;
            }

            @font-face {
                  font-family: Manrope;
                  src: url("./media/Manrope-Light-LZTIF7I4.woff2") format("woff2"),
                        url("./media/Manrope-Light-JSVMGQPI.woff") format("woff"),
                        url("./media/Manrope-Light-AAA567MZ.ttf") format("truetype");
                  font-weight: 300;
                  font-display: swap;
                  font-style: normal;
            }

            @font-face {
                  font-family: Manrope;
                  src: url("./media/Manrope-Regular-46A432OY.woff2") format("woff2"),
                        url("./media/Manrope-Regular-HWNJTFN4.woff") format("woff"),
                        url("./media/Manrope-Regular-Q6NWF6RQ.ttf") format("truetype");
                  font-weight: 400;
                  font-display: swap;
                  font-style: normal;
            }

            @font-face {
                  font-family: Manrope;
                  src: url("./media/Manrope-Medium-IGQSC7UR.woff2") format("woff2"),
                        url("./media/Manrope-Medium-DJA5OMTL.woff") format("woff"),
                        url("./media/Manrope-Medium-TR4UFWFN.ttf") format("truetype");
                  font-weight: 500;
                  font-display: swap;
                  font-style: normal;
            }

            @font-face {
                  font-family: Manrope;
                  src: url("./media/Manrope-SemiBold-D2CTLOUQ.woff2") format("woff2"),
                        url("./media/Manrope-SemiBold-IH44NHB5.woff") format("woff"),
                        url("./media/Manrope-SemiBold-RKC36YES.ttf") format("truetype");
                  font-weight: 600;
                  font-display: swap;
                  font-style: normal;
            }

            @font-face {
                  font-family: Manrope;
                  src: url("./media/Manrope-Bold-UPDLIIUR.woff2") format("woff2"),
                        url("./media/Manrope-Bold-HGCF3WS4.woff") format("woff"),
                        url("./media/Manrope-Bold-HNUGHDAC.ttf") format("truetype");
                  font-weight: 700;
                  font-display: swap;
                  font-style: normal;
            }

            @font-face {
                  font-family: Manrope;
                  src: url("./media/Manrope-ExtraBold-N2PJJJP6.woff2") format("woff2"),
                        url("./media/Manrope-ExtraBold-NAU2CWKC.woff") format("woff"),
                        url("./media/Manrope-ExtraBold-DOAX6IC5.ttf") format("truetype");
                  font-weight: 800;
                  font-display: swap;
                  font-style: normal;
            }

            :root {
                  --p-menubar-background: #2b3e4c !important;
                  --p-menubar-border-color: #2b3e4c !important;
                  --p-menubar-border-radius: 0 !important;
                  --p-menubar-color: #fcf2dd !important;
                  --p-navigation-item-active-background: var(--p-menubar-color);
                  --p-toast-error-background: white !important;
                  --p-toast-warn-background: white !important;
                  --p-toast-success-background: white !important;
                  --p-toast-warn-color: #2b3e4c !important;
            }

            html,
            body {
                  height: 100%;
                  background-color: #f4f5f8 !important;
                  font-family: Manrope !important;
            }

            body {
                  margin: 0;
                  font-family: Manrope !important;
                  background-color: #f4f5f8 !important;
            }

            html,
            body {
                  height: 100%;
            }

            body {
                  margin: 0;
                  font-family: Roboto, sans-serif;
            }
            .banner {
                  background-color: #2b3e4c;
                  padding: 10px 20px;
                  display: flex;
                  align-items: center;
            }
            .landing-layout {
                  background: linear-gradient(to bottom, #2b3e4c, #1a252e 70%, #0f161d);
                  color: #fff;
                  display: flex;
                  width: 100% !important;
                  flex-direction: column;
                  min-height: 100vh;
            }

            .landing-layout a {
                  color: #fcf2dc;
                  text-decoration: none;
            }

            .landing-layout a:hover {
                  background-color: #87b867;
                  padding: 10px;
                  border-radius: 25px;
                  color: #fcf2dc !important;
                  text-decoration: none !important;
            }

            .landing-layout .p-toolbar-center {
                  flex: 1 !important;
                  display: flex !important;
                  justify-content: center !important;
                  align-items: center !important;
            }

            .landing-layout .p-toolbar-start,
            .landing-layout .p-toolbar-end {
                  display: flex !important;
                  align-items: center !important;
            }

            .banner {
                  background-color: #2b3e4c;
                  padding: 10px 20px;
                  display: flex;
                  align-items: center;
            }

            .login-container {
                  display: flex;
                  flex-direction: column;
                  height: 100vh;
                  background-color: #e0e0e0;
                  background-size: cover;
                  background-position: center;
            }

            a {
                  color: #fcf2dd !important;
            }

            .logo-container {
                  display: flex;
                  align-items: center;
            }

            .logo-container .logo {
                  height: 40px;
                  margin-right: 10px;
            }

            .logo-container .portal-text {
                  color: #fff;
                  font-weight: 700;
                  font-size: 1.2rem;
            }

            .pi.ml-reclamo {
                  display: inline-block;
                  width: 1.5em;
                  height: 1.5em;
                  margin-bottom: -0.25em;
                  mask-image: url("/assets/theme/icons/reclamo.svg");
                  -webkit-mask-image: url("/assets/theme/icons/reclamo.svg");
                  background-color: currentColor;
                  -webkit-mask-position-x: center;
                  mask-position: center;
                  -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
                  -webkit-mask-size: contain;
                  mask-size: contain;
                  min-width: 24px;
                  min-height: 24px;
            }
            .main-landing {
                  display: flex;
                  flex-direction: column;
                  flex-grow: 1;
                  width: 100%;
                  min-height: 100%;
            }

            a {
                  color: #fff;
                  text-decoration: none;
            }

            .main-landing a:hover {
                  text-decoration: underline !important;
                  background-color: transparent !important;
                  border-radius: 0 !important;
                  padding: 0 !important;
                  color:#87b867 !important;
            }

            .mockup {
                  max-width: 30vw;
                  height: auto;
            }

            .p-toolbar-center {
                  flex: 1 !important;
                  display: flex !important;
                  justify-content: center !important;
                  align-items: center !important;
            }

            .p-toolbar-start,
            .p-toolbar-end {
                  display: flex !important;
                  align-items: center !important;
            }