@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;
            }

            .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-extra {
                  display: flex;
                  flex-direction: column;
                  flex-grow: 1;
                  width: 100%;
                  min-height: 100%
            }

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

            a:hover {
                  text-decoration: underline
            }

            .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
            }
            .landing-texto-wrapper {
      display: flex;
      justify-content: center;
      
      color: #fff
    }

    .texto-container {
      background: #00000059;
      border-radius: 1.5rem;
      padding: 2rem;
      width: 100%;
      box-shadow: 0 0 20px #0003;
      overflow-y: auto;
      margin-top: 15px;
    }

    .contenido {
      color: #fcf2dc !important
    }

    .contenido h3 {
      margin-top: 1.5rem;
      color: #87b867
    }

    .contenido p {
      text-align: justify;
      line-height: 1.6
    }

    .contenido b {
      color: #87b867
    }

    .contenido label {
      font-size: 1.72rem;
      margin-bottom: 1.5rem;
      color: #87b867;
      font-weight: 700
    }