/* ----RESET---- */
* {
  margin: 0;
  padding: 0;
 
}

body{
  overflow-x: hidden;
  /* overflow-y: none; */
}
body::-webkit-scrollbar{
  width: 0;
  background: transparent;
}

/* ---FONTS--- */
@font-face {
  font-family: 'SF-Pro';
  src: url("../fonts/SF-Pro.ttf");
}
@font-face {
  font-family: "FincashPlus";
  /* src: url("./FincashPlus2.woff2") format("woff2"),
  url("./FincashPlus.woff") format("woff"); */

  src:url("./FincashPlus.woff") format("woff");
}

/* @font-face {
  font-family: 'RobotoCondensed';
  src: url("../fonts/RobotoCondensed-VariableFont_wght.ttf");
}
@font-face {
  font-family: 'RobotoFlex';
  src: url("../fonts/RobotoFlex-VariableFont_GRAD\,XOPQ\,XTRA\,YOPQ\,YTAS\,YTDE\,YTFI\,YTLC\,YTUC\,opsz\,slnt\,wdth\,wght.ttf");
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url("../fonts/Roboto-Regular.ttf");
}
@font-face {
  font-family: 'Roboto-Black';
  src: url("../fonts/Roboto-Black.ttf"); 
}*/


/* ---ESTILOS GLOBALES--- */

[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: FincashPlus !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-alertaFCS::before { content: "\f101"; }
.bi-cerrarFCS::before { content: "\f102"; }
.bi-ATM::before { content: "\f103"; }
.bi-candado::before { content: "\f104"; }
.bi-facebook::before { content: "\f105"; }
.bi-flecha-Der::before { content: "\f106"; }
.bi-shebron-Down::before { content: "\f107"; }
.bi-huella::before { content: "\f108"; }
.bi-instagram::before { content: "\f109"; }
.bi-in::before { content: "\f10a"; }
.bi-mundito::before { content: "\f10b"; }
.bi-targeta-Credito::before { content: "\f10c"; }
.bi-telefono::before { content: "\f10d"; }
.bi-whattsapp::before { content: "\f10e"; }
.bi-X::before { content: "\f10f"; }
.bi-check-fill::before { content: "\f110"; }
.bi-zero::before { content: "\f111"; }


canvas{
  width: 100%;
  height: 100%;
}

.No-activo {
  display: none;
}

#svgFincash{
  width: 150px;
  margin-top: 5px;
  fill: #ffffff;
}

.collapse {
  display: block;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 1s cubic-bezier(0, 1, 0, 1);

  &.show {
    max-height: 100em;
    transition: max-height 1s ease-in-out;
  }
}


& .content {
  background: #ffffff;
}

.shevronUpActive {
  transition: .7s all;
  transform: rotate(0deg) !important;
}

/* -------------------------TB------------------- */
.table {
  font-family: "SF-Pro";
  --bs-table-bg: #E0E1E2;
  --bs-table-striped-color: #212529;
  --bs-table-striped-color-activ: #ffffff;
  --bs-table-striped-color-progreso: #008D45;
  --bs-table-striped-bg: #008D45;
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  color: #4d4d4f;
  vertical-align: top;
  border-collapse: collapse;
  background-color: var(--bs-table-bg);
}

.table>*>*>* {
  border: 2px solid #ffffff;
}

.table>:not(caption)>*>* {
  padding: .5rem .5rem;
}

.table>tbody {
  vertical-align: inherit
}

.table>thead {
  vertical-align: bottom
}

.tr-color>td {
 background: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color-activ)
}
.tr-bi-color>td:not(:last-child, :first-child) {
 background: var( --bs-table-striped-color-activ);
  color: var(--bs-table-striped-bg);
}
.tr-bi-color>td:not(:nth-last-child(2),  :last-child, :first-child) {
  border-right: 2px solid #E0E1E2;
}

.cumplimientos{
  background: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color-activ);
}

.cumpliAplica{
  background: var(--bs-table-striped-color-activ);
  color: var(--bs-table-striped-bg);
 
}
.cumpliAplica:not(.NO){

  border-bottom: 2px solid #E0E1E2;
}

.align-middle {
  vertical-align: middle !important
}
.text-center {
  text-align: center !important
}


/* -------------------------TB END------------------- */

.td-progreso{
  color: var(--bs-table-striped-bg);
}
.tabla-min{
  display: none;
}
.table-calif{
  table-layout: fixed;
  width: 100%;
} 


/* ---GLOBAL SECTIONS ---- */
.section {
  width: calc(100% - 20px);
}

/* -----NAV BAR ---- */
#nav-bar{
  padding: 0;
  position: fixed;
  width: 100vw;
  z-index: 999;
  height: 55px;
  box-shadow: 0px 0px 20px #00000070;
  backdrop-filter: blur(10px);
  transition: 1s all ease-in-out;

  & .container-nav {
    display: grid;
    grid-template-columns: 54% 1fr;
    height: 100%;

    & .logo {
      display: flex;
      justify-content: end;
      align-items: center;

    }

    & .cuenta-digital {
      display: flex;
      justify-content: space-around;
      align-items: center;

      & a {
        font-family: 'SF-Pro';
        color: #717375;
        font-size: 14px;
        font-weight: 600;
        padding: 5px 20px;
        text-decoration: none;
        border-radius: 55px;
        background: #ffffff;
      }

      & a:hover {
        background: #C9CACC;
        color: #ffffff;
      }

      & a:active {
        background: #8D9092;
        color: #ffffff;
      }
    }
  }


}

/* ------SEPARADOR HEADER----- */
.inter-header {
  height: 55px;
  width: 100%;
  background: #FEBF00;
  /* background: #FFB900; */
  margin: 0px auto;

}

/* ------HEADER----- */
header {

  background: #FEBF00;
  /* background: #FFB900; */
  height: 875px;

  & .section-header {
    position: relative;
    height: 815px;
    background: url("../img/header-BG-01.jpg") top;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px auto;
    display: flex;
    justify-content: end;


    & .banner {
      width: 65%;
      display: grid;
      grid-template-columns: 40% 60%;


      & .card-img {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        position: relative;
        top: 20px;
        /* padding-top: 20px; */
      }

      & .conoce-fincash {
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding-right: 50px;


        & h1 {
          font-family: 'acumin-pro-extra-condensed';
          font-size: clamp(3.5rem, 6vw, 6rem);
          font-weight: 700;
          color: #ffffff;
        }

        & p {
          font-family: 'SF-Pro';
          font-weight: 400;
          margin: 15px 16px 30px 16px;
          text-align: center;
          letter-spacing: 1px;
          line-height: 1.2;
          color: #ffffff;
        }

        & .el-A {
          display: flex;

          & a {
            color: #ffffff;
            font-family: 'SF-Pro';
            font-size: clamp(1.5rem, 1vw, 3rem);
            font-weight: 400;
            padding: 10px 50px;
            text-decoration: none;
            border-radius: 55px;
            border: 2px solid #ffffff;
          }

          & a:hover {
            background: #FFFFFF;
            color: #4D5F6E;
          }

          & a:active {
            background: #C9CACC;
            color: #4D5F6E;
            border: 2px solid #C9CACC;
          }
        }
      }

      & .banner-full {
        grid-column: 1/3;
        padding-right: 50px;

        & .container {
          display: grid;
          grid-template-columns: 68% 32%;
          margin: 50px 50px 0px 50px;

          & .border-cont-1 {
            display: none;
          }

          .border-cont-2 {
            display: none;
          }

          & .border-cont-3 {
            display: none;
          }

          & .border-cont-4 {
            display: none;
          }

          & .full-A {
            color: #ffffff;
            font-family: 'acumin-pro-extra-condensed';
            font-size: 30px;
            text-align: right;
            margin-right: 40px;
            /* margin-top: 5px;
            margin-bottom: 5px; */

            & h1 {
              font-weight: 500;
              line-height: 40pt;
              /* margin-top: 5px;
              margin-bottom: 5px; */
            }

            & .full-B {
              font-family: 'acumin-pro-extra-condensed';
              font-weight: 700;
              font-size: 90px;
              text-align: right;

              & .spn {
                position: relative;
                top: -30px;
                font-weight: 700;
              }
            }
          }

          & .full-C {
            height: 165px;
            & i{
              position: relative;
              top: -40px;
              color: #ffffff;
              font-size: 240px;
              /* line-height: .35; */
            }
          }
        }

        & .full-D {

          display: flex;
          font-family: 'SF-Pro';
          color: #ffffff;
          font-weight: 400;
          font-size: 13px;
          margin: 20px 60px 0px 60px;
          & p{
            text-align: center;
          }
        }


      }
    }
  }
}

.border1 {
  position: absolute;
  right: 0;
  margin-right: 50px;
  background: #ffffff;
  width: 5px;
  height: 60px;
}

.border2 {
  position: absolute;
  right: 0;
  margin-right: 50px;
  background: #ffffff;
  width: 60px;
  height: 5px;
}

.border3 {
  position: absolute;
  left: 0px;
  margin-top: 80px;
  background: #ffffff;
  width: 60px;
  height: 5px;
}

.border4 {
  position: absolute;
  left: 0;
  margin-top: 25px;
  background: #ffffff;
  width: 5px;
  height: 60px;
}

/* ------SEPARADOR----- */
.inter {
  height: 50px;
  width: 100%;
  background: #222;
  margin: 0px auto;

}

/* ------SECCTION FINANZAS------ */

.section-finanzas {
  background: #CDCFD0;

  & .finanzas {
    height: 368px;
    /* background: #CDCFD0; */
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0px auto;

    & h3 {
      color: #222;
      text-align: center;
      font-family: 'acumin-pro-extra-condensed';
      font-weight: 400;
      font-size: 55px;
      line-height: 43pt;

      & span {
        font-weight: bold;
        font-size: 55px;
        color: #222;
      }
    }

    & p {
      font-family: 'SF-pro';
      font-size: 15px;
      font-weight: 500;
      color: #656668;
      margin-top: 15px;
      /* font-size: 20px; */
      /* margin-top: 30px; */
    }

    & a {
      color: #ffffff;
      font-family: 'SF-pro';
      font-size: 16px;
      /* font-size: 22px; */
      font-weight: 400;
      background: #222;
      margin-top: 20px;
      /* margin-top: 40px; */
      margin-bottom: 10px;
      padding: 8px 30px;
      text-decoration: none;
      border-radius: 55px;
      letter-spacing: 2px;
    }
  }
}

/* ------SECCTION COMPRAS------ */
.section-compras {
  background: #ffffff;

  & .compras {
    /* border: 1px solid #000000; */
    height: 531px;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;

    & .container-compras {
      width: 100%;
      /* height: 80vh; */
      display: grid;
      grid-template-columns: 40% 60%;
      justify-content: center;
      align-items: center;

      & .compra-A {
        text-align: right;

        & img {
          width: 380px;
        }

      }

      & .compra-B {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;

        /* & .mapa {
          position: relative; */

        & img {
          width: 650px;
        }

        /* } */

        & .text {
          position: absolute;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;

          & h1 {
            font-family: 'acumin-pro-extra-condensed';
            font-weight: 400;
            font-size: 50px;
            margin: 0px 10% 0px 10%;
            text-align: center;
            line-height: 35pt;

          }
        }

      }

      & .compra-B-subs370 {
        display: none;

        & .text {
          & h1 {
            display: none;
          }
        }
      }

      & .compra-C {
        grid-column: 1/3;
        height: 100%;
        font-family: 'SF-pro';
        font-weight: 400;
        color: #656668;
        text-align: center;
        align-items: center;

        & .img-parrafos {
          margin-bottom: 10px;

          & img {
            /* width: 50px; */
            margin: 0px 10px;
          }

        }

        & .parrafo-1 {
          font-size: 22px;
          margin: 0px 10% 0px 10%;
        }

        & .parrafo-2 {
          margin-top: 20px;
        }

      }
    }

  }
}

/* ------SECCTION NUESTTRA APP------ */
.section-app {
  background: #6FAD82;

  & .app {
    height: 538px;
    /* border: 1px solid #000000; */
    margin: 0px auto;
    color: #ffffff;

    & .container {
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-areas: "sec-A sec-B";

      & .sec-A {
        display: flex;
        justify-content: space-between;
        position: relative;
        grid-area: sec-A;

        & .patron-descarga-izq,
        .patron-descarga-der {
          width: 200px;

        }

        & .text-Sec-B {
          position: absolute;
          display: flex;
          justify-content: center;
          width: 100%;
          height: 100%;


          & .banner-sec-B {

            display: flex;
            justify-content: center;
            flex-direction: column;

            & h1 {
              font-family: 'acumin-pro-extra-condensed';
              font-size: 52px;
              text-align: left;
              line-height: 60px;

            }


            & .container-app {

              & .Ps {
                margin: 20px 0px;


                & p {
                  font-family: 'SF-pro';
                  font-weight: 400;
                  font-size: 22px;
                  line-height: 27px;
                  padding: 7px 0px;

                  & .br-app {
                    display: none;
                  }

                }
              }

              & .img-apps-store {

                height: 68px;
                display: grid;
                grid-template-columns: 26% 20% 20%;

                & div {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  text-align: center;
                  align-items: center;
                }

                & .app-fcs {
                  & .img {
                    margin: 0px 5px;
                  }
                }

                & .tiendas {
                  & img {
                    margin: 0px 0px;
                  }
                }

                & .app-fcsP {
                  & img {
                    margin-right: 0px;
                  }
                }
              }
            }
          }
        }
      }

      & .sec-B {
        grid-area: sec-B;
      }
    }
  }
}

/* ------SECCTION ROBO O EXTRAVIO------ */
.section-roboExtravio {
  background: #ffffff;

  & .roboExtravio {
    height: 390px;
    /* border: 1px solid red; */
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    & i{
      font-size: 110px;
      /* line-height: .35; */
    }

    & h3 {
      font-family: 'acumin-pro-extra-condensed';
      font-size: 60px;
      line-height: 60px;
      font-weight: 400;
    }

    & p {
      font-family: 'SF-pro';
      font-weight: 500;
      font-size: 22px;
      margin: 15px 0px 0px 0px;
      color: #656668;
    }
  }
}

/* ------SECCTION TARJETA DIGITAL------ */
.section-TDigital-P {
  background: #1F7986;

  & .TDigital {
    height: 463px;
    margin: 0px auto;
    /* border: 1px solid rgb(0, 0, 0); */

    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: center;
    align-items: center;
    grid-template-areas: "TDigital-A sec-A";

    & .TDigital-A {
      grid-area: TDigital-A;
    }

    & .sec-A {
      display: flex;
      justify-content: space-between;
      position: relative;
      grid-area: sec-A;

      & .patron-Tarjeta-Izq {
        margin-left: 4px;
      }

      & .TDigital-B {
        position: absolute;
        display: flex;
        justify-content: center;
        width: 100%;
        height: 100%;

        & .TDigital-banner {
          display: flex;
          justify-content: center;
          flex-direction: column;
          text-align: center;

          & .TD-h3 {
            font-family: 'acumin-pro-extra-condensed';
            font-weight: 500;
            font-size: 70px;
            line-height: 80px;
            color: #ffffff;

            & .br-TD {
              display: block;
            }
          }

          & .div-banner {
            display: flex;
            justify-content: center;

            & h3 {
              font-family: 'SF-pro';
              color: #000000;
              font-weight: 700;
              font-size: 50px;
              background: #ffffff;
              padding: 10px 30px;
              margin-top: 10px;
            }

          }

          & p {
            font-family: 'SF-pro';
            font-weight: 500;
            font-size: 22px;
            margin-top: 30px;
            color: #ffffff;
          }
        }
      }

    }
  }

}

/* ------SECCTION TARJETAS FINCASH------ */
.section-cardsFincas {

  font-family: 'acumin-pro-extra-condensed';

  & .cardsFincash {
    /* border: 1px solid #000000; */
    height: 644px;
    margin: 0px auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    & .titulo {
      font-weight: 400;
      font-size: 80px;

      & .T1 {
        margin-bottom: 50px;
      }

      & .T2 {
        display: none;
      }
    }

    & .cards {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      width: 100%;
      height: auto;

      & .divFincash {
        border: 1px solid #000000;
        border-radius: 30px;
        margin: 0px 20px;
        padding: 20px 0px;

        & img {
          margin: 0px auto 20px auto;
          width: 50px;
          height: 50px;
        }

        & i{
          font-size: 50px;
          /* margin-bottom: 200px; */
          line-height: 1.5;
          /* line-height: 2em; */
          /* font-stretch: condensed; */
          /* line-height: -.35; */
          
        }

        & h1 {
          margin: 0px auto 20px auto;
          font-size: 22px;
        }

        & p {
          font-size: 22px;
          margin: 0px 20px;
        }
      }
    }
  }
}


/* ------SECCTION BENEFICIOS FINCASH------ */
.section-beneficios {
  background: #008EAD;

  & .beneficios {
    /* border: 1px solid #000000; */
    height: 672px;
    margin: 0px auto;
    font-family: 'acumin-pro-extra-condensed';
    color: #ffffff;

    & .container {
      display: grid;
      justify-content: center;
      align-items: center;
      text-align: center;
      grid-template-columns: 25% 1fr 471px;

      & .beneficios-A {
        margin-top: 20px;

      }

      & .beneficios-B {

        & h5 {
          /* font-size: 40px; */
          font-size: clamp(1.2rem, 2.5vw, 3rem);
          text-align: left;
          position: relative;
          bottom: -50px;

          & .br-beneficios {
            display: none;
          }
        }

        & h1 {
          /* font-size: 168px; */
          font-size: clamp(3.5rem, 12vw, 14rem);
          text-shadow: 8px 8px 12px rgba(0, 0, 0, 0.274);
          text-align: left;
        }

        & p {
          font-family: 'SF-pro';
          /* font-size: 22px; */
          font-size: clamp(.5rem, 1.2vw, 1.3rem);
          text-align: left;
          margin-bottom: 25px;
        }
      }

    }
  }
}

/* ------SECCTION FOOTER------ */
.section-footer {
  background: #222;

  & .footer {
    height: 724px;
    transition: .5s all ease-in-out;
    /* border: 1px solid #ffffff; */
    margin: 0px auto;

    & .container-full {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      height: 100%;

      & .container {
        /* display: grid; */
        /* grid-template-rows: 70% 10% 20%; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 25px;


        & .container-asercaDe {

          & .img-fincash {
            width: 250px;
            margin-top: 20px;
          }

          & .acercaDe {
            display: grid;
            grid-template-columns: 25% 1fr 1fr 5%;
            margin-top: 50px;
            margin-bottom: 20px;

            & .acercaDe-A {
              font-family: 'acumin-pro-extra-condensed';
              font-size: 35px;
              color: #ffffff;
              letter-spacing: 2px;
              text-align: left;
              

              & .elemento-p {
                margin-bottom: 30px;
              }

              & .contacto {
                display: grid;
                grid-template-columns: 50px 1fr;
                text-align: center;
                justify-content: center;
                font-size: 22px;
                margin: 10px 0px;

                & .imgContacto {
                  display: flex;
                  justify-content: center;
                  text-align: center;
                  align-items: center;
                  & i{
                    font-size: 50px;
                  }
                }

                & .contexto {
                  & .p-nombre {
                    margin-top: 5px;
                    padding-left: 10px;
                    text-align: left;
                  }

                  & .p-telefonos {
                    padding-left: 10px;
                    text-align: left;
                    text-decoration: none;
                    color: #ffffff !important;

                    & a[href^="tel"] {
                      color: inherit;
                      text-decoration: none;
                    }
                  }
                }
              }

            }

            & .acercaDe-B {
              font-family: 'acumin-pro-extra-condensed';
              font-size: 35px;
              color: #ffffff;
              letter-spacing: 2px;
              text-align: left;
              min-width: 280px;


              & p {
                margin-bottom: 30px;
              }


              & .contexto {
                font-size: 22px;
                display: flex;
                flex-direction: column;

                & .contexto-a {
                  margin: 5px 0px;
                  text-decoration: none;
                  color: #ffffff !important;

                  & a {
                    color: #ffffff;
                    text-decoration: none;

                    /* & svg {
                      width: 25px;
                      margin-left: 5px;
                    } */

                    & i{
                      font-size: 18px;
                    }

                  }

                  & a:hover {
                    color: #C9CACC;
                  }

                }

                & .contexto-Desplegar {
                  margin: 5px 0px;

                  & a {
                    color: #ffffff;
                    text-decoration: none;
                    margin: 5px 0px;
                    cursor: pointer;
                    z-index: 5;

                    & svg {
                      fill: #ffffff;
                      width: 20px;
                      margin-left: 0px;
                      padding-right: 5px;
                      cursor: pointer;
                      transition: .7s all;
                      transform: rotate(-90deg);
                    }
                  }

                  & a:hover {
                    color: #C9CACC;

                    & .svgColor {
                      /* & .svgColor { */
                      fill: #C9CACC !important;
                      /* } */
                    }

                  }

                }
              }
            }

            & .acercaDe-C {
              font-family: 'acumin-pro-extra-condensed';
              font-size: 35px;
              color: #ffffff;
              letter-spacing: 2px;
              text-align: left;
              min-width: 280px;

              & p {
                color: #8D9092;
                margin-bottom: 30px;

                 & i{
                  font-size: 25px;
                 }
              }

              & .contexto {
                font-size: 22px;
                display: flex;
                flex-direction: column;

                & a {
                  color: #8D9092;
                  text-decoration: none;
                  margin: 5px 0px;


                  & i{
                    font-size: 18px;
                   }

                }
                & h4{
                  color: #8D9092;
                  text-decoration: none;
                  margin: 5px 0px;
                  font-weight: 100;

                }

                & a:hover {
                  color: #C9CACC;
                }
              }
            }
          }

          & .aserca-UNE {

            .block {
              margin-right: 0px;
            }

           

            /* margin-bottom:20px ; */
          }
        }

        & .redes {
          display: grid;
          grid-template-columns: repeat(4, 10%);
          margin: 30px 0px 10px 0px;
          width: 100%;

          & .red {
            display: flex;
            /* & img {
              width: 60px;
            } */
             & i{
              color: #8D9092;
              font-size: 60px;
             }
          }

        }

        & .creditos {

          color: #ffffff;
          font-family: 'acumin-pro-extra-condensed';
          font-size: 22px;
          text-align: left;

          /* padding-right: 40%; */
          /* padding-top: 10px; */
          /* margin-bottom: 30px; */
          & div {
            width: 55%;

          }
        }

      }
    }
  }
}

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -----------------------MEDIA SCREEN---------------------------- */
@media (max-width:1424px) {
  .conoce-fincash {
    & p {
      margin: 15px 25px 30px 25px !important;
    }

    & a {
      font-size: 15px !important;
      padding: 8px 30px !important;
    }
  }

  .section-footer {

    & .aserca-UNE {
      & .content {
        margin-right: 30px !important;
      }

      /* margin-bottom:20px ; */
    }
  }
}

@media (max-width:1400px) {
  .border1 {
    margin-right: 10px;
  }

  .border2 {
    margin-right: 10px;
  }
}

@media (max-width:1200px) {

  /* .card-img {
    padding-right: 0px !important;
  } */
  .border1 {
    margin-right: 0px;
  }

  .border2 {
    margin-right: 0px;
  }

}

/* ------------------------------------------- */
/*------------------- BREAKPOINT---------------*/
/* ------------------------------------------- */


@media (min-width:1430px) {
  .section {
    width: 1400px;
    height: auto;
  }
}

@media (min-width: 1600px) {
  .cuenta-digital {
    left: 450px !important;
  }
}

@media (max-width: 1100px) {

  #nav-bar {
    & .container-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      grid-template-columns: none;

      & .logo {}

      & .cuenta-digital {
        display: none;

        & a {}
      }
    }
  }

  .section {
    width: 100%;
  }

  header {
    /* background: #363636; */
    background: #FFB900;
    height: 100%;

    & .section-header {
      /* border: 5px solid red; */
      position: relative;
      height: 100%;
      background: url("") top;


      & .banner {
        /* border: 2px solid rgb(123, 255, 0); */
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-areas: "card-img" "conoce-fincash" "banner-full";

        & .card-img {
          grid-area: card-img;

          & img {
            width: clamp(15rem, 50vw, 50rem);
            /* width: 40vw; */
            margin-top: 60px;
          }
        }

        & .conoce-fincash {
          grid-area: conoce-fincash;
          padding-right: 0px;

          & h1 {
            display: none;
          }

          & p {
            display: none;
          }

          & .el-A {
            display: flex;

            & a {
              font-size: clamp(1rem, 3vw, 5rem) !important;
              margin: 15px 0;
              padding: 8px 50px;
              border-radius: 18px;
            }
          }
        }

        & .banner-full {
          grid-area: banner-full;
          padding-right: 0px;
          margin: 30px 5vw 0px 5vw;

          & .container {
            position: relative;
            display: grid;
            grid-template-columns: 100%;
            margin: 0px 0px 0px 0px;

            & .border-cont-1 {
              display: block;
              position: absolute;
              right: 0;
              background: #ffffff;
              width: 3px;
              height: 60px;
            }

            .border-cont-2 {
              display: block;
              position: absolute;
              right: 0;
              background: #ffffff;
              width: 60px;
              height: 3px;
            }

            & .border-cont-3 {
              display: block;
              position: absolute;
              bottom: 0;
              background: #ffffff;
              width: 3px;
              height: 60px;
            }

            & .border-cont-4 {
              display: block;
              position: absolute;
              bottom: 0;
              background: #ffffff;
              width: 60px;
              height: 3px;
            }

            & .full-A {
              font-size: clamp(0.5rem, 5vw, 5rem);
              text-align: center;
              margin-right: 0px;
              margin-top: 5vw;

              & h1 {
                /* line-height: 40pt; */
                line-height: 10vw;
              }

              & .full-B {
                font-size: clamp(1rem, 15vw, 10rem);
                text-align: center;
                margin-top: 0px;
                margin-bottom: 0px;

                & .spn {
                  position: relative;
                  top: -3vw;
                  margin-bottom: 20px;
                  /* top: -6vw; */
                  font-weight: 700;
                }
              }
            }

            & .full-C {
              display: none;
            }


          }

          & .full-D {
            margin: 40px 0px 40px 0px;
          }
        }
      }
    }
  }

  .border1 {
    display: none;
  }

  .border2 {
    display: none;
  }

  .border3 {
    display: none;
  }

  .border4 {
    display: none;
  }

  .inter {
    height: 100%;
    width: 100%;
    background: #222;
    margin: 0px auto;
  }

  .section-finanzas {
    background: #CDCFD0;

    & .finanzas {
      height: 100%;

      & h3 {
        margin: 40px 5vw 0px 5vw;
      }

      & p {
        font-size: 15px;
        margin: 15px 5vw 0px 5vw;
      }

      & a {
        font-size: 20px;
        padding: 10px 45px;
        margin: 20px 5vw 60px 5vw;
      }
    }
  }

  .section-compras {
    background: #ffffff;

    & .compras {
      height: 100%;

      & .container-compras {
        width: auto;

        & .compra-A {
          display: none;
        }

        & .compra-B {
          grid-column: 1/3;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;

          & img {
            width: 90%;
            margin-top: 40px;
          }

          & .text {
            position: absolute;

            & h1 {
              margin: 0px 5vw 0px 5vw;
            }
          }
        }

        & .compra-C {
          margin-bottom: 40px;

          & .img-parrafos {
            margin-top: 20px;
            margin-bottom: 20px;
          }

          & .parrafo-1 {
            font-size: 22px;
            margin: 0px 5vw 0px 5vw;
          }

          & .parrafo-2 {
            margin: 20px 5vw 0px 5vw;
          }
        }
      }

    }
  }

  .section-app {
    & .app {
      height: 100%;
      margin: 0px auto;
      color: #ffffff;

      & .container {
        display: grid;
        grid-template-columns: 100%;
        grid-template-areas: "sec-B" "sec-A";


        & .sec-A {
          display: flex;
          justify-content: center;
          position: relative;
          margin: 40px 0px 50px 0px;


          & .patron-descarga-izq {
            display: none;
          }

          & .patron-descarga-der {
            display: none;
          }

          & .text-Sec-B {
            position: relative;
            display: flex;
            justify-content: center;
            width: auto;

            & .banner-sec-B {
              & h1 {
                font-size: 50px;
                text-align: center;
                line-height: 55px;
                margin: 0px 5vw 0px 5vw;
              }

              & .container-app {

                & .Ps {
                  margin: 20px 5vw 40px 5vw;

                  & p {
                    text-align: center;
                  }
                }

                & .img-apps-store {
                  /* grid-template-columns: 26% 20% 20%; */
                  grid-template-columns: 1fr 1fr 1fr;
                  justify-content: center;
                  padding-left: 0px;

                  & div {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    text-align: center;
                    align-items: center;
                  }

                  & .tiendas {
                    & img {
                      margin: 4px 5px;
                    }
                  }

                  & .app-fcs {
                    margin: 0px 0px;

                    & .img {}
                  }

                  & .app-fcsP {
                    margin: 0px 5px;

                    & img {}
                  }

                }
              }
            }
          }
        }
      }
    }
  }

  .section-roboExtravio {
    background: #ffffff;

    & .roboExtravio {
      height: 100%;

      & div{
        margin: 40px 5vw 40px 5vw;
      }

      & i {
        /* margin-top: 40px;
        margin-bottom: 20px; */
      }

      & h3 {
        /* margin-bottom: 20px; */
        margin: 0px 0vw 20px 0vw;
      }

      & p {
        font-size: 20px;
      }
    }
  }

  .section-TDigital-P {

    & .TDigital {
      height: 100%;
      grid-template-columns: 100%;
      grid-template-areas: "TDigital-A" "sec-A";

      & .sec-A {
        display: flex;
        justify-content: center;
        position: relative;
        margin: 60px 0px;

        & .patron-Tarjeta-Izq {
          display: none;
        }

        & .patron-Tarjeta-Der {
          display: none;
        }

        & .TDigital-B {
          position: relative;
          width: auto;
          height: auto;

          & .TDigital-banner {

            /* & p {
              margin-top: 20px;
            } */

            & .TD-h3 {
              /* font-family: 'acumin-pro-extra-condensed';
              font-weight: 500;
              font-size: 70px;
              line-height: 80px;
              color: #ffffff; */
              margin: 0px 5vw 0px 5vw;
            }

            & .div-banner {
              margin: 20px 0px;

              & h3 {
                margin: 0px 5vw 0px 5vw;
                font-size: clamp(.5rem, 10vw, 5rem);
              }
            }

            & p {
              margin: 0px 5vw 0px 5vw;
            }
          }
        }
      }
    }
  }

  .section-cardsFincas {

    & .cardsFincash {
      height: 100%;

      & .titulo {
        font-weight: 400;
        font-size: 45px;
        margin-top: 60px;
        margin-bottom: 3vw;

        & .T1 {
          display: none;
        }

        & .T2 {
          display: block;
          line-height: 65px;
        }
      }

      & .cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: auto;
        height: auto;
        margin-bottom: 60px;


        & .divFincash {
          border: 1px solid #000000;
          border-radius: 20px;

          /* margin: 10px 20px; */
          margin: 2vw 2vw;
          padding: 10px 10px;

          width: 25vw;
          height: 25vw;
          /* width: 155px;
          height: 186px; */


          & div {

            display: grid;
            align-items: center;
            text-align: center;
            height: 100%;


            & img {
              margin: 0px auto 20px auto;
              width: 6vw;
              height: 6vw;
              /* width: 40px;
              height: 40px; */
            }

            & h1 {
              margin: 0px auto 10px auto;
              font-size: clamp(1rem, 2.3vw, 3rem);
              /* font-size: 17px; */
            }

            & p {
              font-size: clamp(1rem, 2vw, 2rem);
            }
          }



        }
      }
    }
  }

  .section-beneficios {
    background: #008EAD;

    & .beneficios {
      /* border: 1px solid #000000; */
      height: 100%;

      & .container {
        grid-template-columns: 100%;
        grid-template-areas: "beneficios-A" "beneficios-B";

        & .beneficios-A {
          grid-area: beneficios-A;

          display: flex;
          justify-content: center;
          align-items: center;

          & img {
            margin-top: 60px;
            width: 300px;
          }
        }

        & .beneficios-B {
          grid-area: beneficios-B;

          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          margin-bottom: 60px;

          & h5 {
            /* font-size: 35px; */
            font-size: clamp(.5rem, 7vw, 3rem);
            margin: 0px 5vw 0px 5vw;
            text-align: center;
            position: none;
          }

          & h1 {
            /* font-size: 170px; */
            font-size: clamp(.5rem, 35vw, 14rem);
            margin: 0px 5vw 0px 5vw;
          }

          & p {
            font-size: 22px;
            /* margin-bottom: 20px; */
            margin: 0px 5vw 20px 5vw;
            text-align: center;
          }
        }

        & .beneficios-C {
          display: none;
        }

      }
    }
  }

  .section-footer {
    background: #222;

    & .footer {
      height: 100% !important;
      /* border: 1px solid #ffffff; */
      margin: 0px auto;

      & .container-full {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 100%;

        & .container {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-left: 5vw;

          & .container-asercaDe {

            & .img-fincash {
              margin: 80px 0px 0px 0px;
              width: 250px;
            }

            & .acercaDe {
              display: grid;
              /* grid-template-columns: 25% 1fr 1fr; */
              grid-template-columns: 1fr 1fr 1fr;

              & .acercaDe-A {
                font-family: 'acumin-pro-extra-condensed';
                font-size: 35px;
                color: #ffffff;
                letter-spacing: 2px;
                text-align: left;
                min-width: 230px;

                & .elemento-p {
                  margin-bottom: 30px;
                }

                & .contacto {
                  display: grid;
                  grid-template-columns: 50px 1fr;
                  font-size: 22px;
                  margin: 10px 0px;

                  & .imgContacto {
                    display: flex;
                    justify-content: center;
                    text-align: center;
                    align-items: center;
                    & i{
                      font-size: 45px;
                    }
                  }

                  & .contexto {

                    & .p-nombre {
                      margin-top: 0px;
                      padding-left: 10px;
                      text-align: left;
                    }

                    & .p-telefonos {
                      padding-left: 10px;
                      text-align: left;
                      text-decoration: none;
                      color: #ffffff !important;

                      & a[href^="tel"] {
                        color: inherit;
                        text-decoration: none;
                      }
                    }
                  }
                }

              }

              & .acercaDe-B {
                font-family: 'acumin-pro-extra-condensed';
                font-size: 35px;
                color: #ffffff;
                letter-spacing: 2px;
                text-align: left;
                min-width: 280px;

                & p {
                  margin-bottom: 30px;
                }

                & .contexto {
                  font-size: 22px;
                  display: flex;
                  flex-direction: column;

                  & .contexto-a {
                    margin: 5px 0px;
                    text-decoration: none;
                    color: #ffffff !important;

                    & a {
                      color: #ffffff;
                      text-decoration: none;
                      margin: 5px 0px;

                      & svg {
                        width: 25px;
                        margin-left: 5px;
                      }
                    }

                    & a:hover {
                      color: #C9CACC;
                    }
                  }

                  & .contexto-Desplegar {
                    margin: 5px 0px;

                    & a {
                      color: #ffffff;
                      text-decoration: none;
                      margin: 5px 0px;
                      cursor: pointer;
                      z-index: 5;

                      & svg {
                        fill: #ffffff;
                        width: 20px;
                        margin-left: 0px;
                        padding-right: 5px;
                        cursor: pointer;
                        transition: .7s all;
                        transform: rotate(-90deg);
                      }
                    }

                    & a:hover {
                      color: #C9CACC;

                      & .svgColor {
                        fill: #C9CACC !important;
                      }

                    }

                  }

                }
              }

              & .acercaDe-C {
                font-family: 'acumin-pro-extra-condensed';
                font-size: 35px;
                color: #ffffff;
                letter-spacing: 2px;
                text-align: left;
                min-width: 280px;

                & p {
                  margin-bottom: 30px;

                  & img {
                    width: 25px;
                    margin-left: 5px;
                  }
                }

                & .contexto {
                  font-size: 22px;
                  display: flex;
                  flex-direction: column;

                  & a {
                    color: #8D9092;
                    text-decoration: none;
                    margin: 5px 0px;

                  }
                  & h4{
                    color: #8D9092;
                    text-decoration: none;
                    margin: 5px 0px;
                    font-weight: 100;
  
                  }

                  & a:hover {
                    color: #C9CACC;
                  }
                }
              }

            }

            & .aserca-UNE {
              margin-bottom: 0px;
            }
          }


          & .redes {
            display: grid;
            grid-template-columns: repeat(4, 15%);
            margin: 40px 0px 10px 0px;
            width: 100%;

            & .red {
              & img {}
            }
          }

          & .creditos {
            width: auto;
            color: #ffffff;
            font-family: 'acumin-pro-extra-condensed';
            font-size: 22px;
            text-align: left;
            display: grid;
            margin-bottom: 40px;

            & div {
              width: 55%;
            }

          }
        }
      }
    }
  }

}

@media (max-width: 916px) {

  .section-footer {
    background: #222;

    & .footer {
      & .container-full {
        & .container {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-left: 5vw;

          & .container-asercaDe {

            & .img-fincash {
              margin: 80px 0px 0px 0px;
              width: 250px;
            }

            & .acercaDe {
              display: flex;
              flex-direction: column;
              grid-template-columns: none;

              & .acercaDe-A {
                margin: 15px 0px;

                & .elemento-p {
                  margin-bottom: 10px;
                }

                & .contacto {
                  & .whats {
                    & img {}
                  }

                  & .contexto {

                    & .p-nombre {}

                    & .p-telefonos {}
                  }
                }

              }

              & .acercaDe-B {
                margin: 15px 0px;

                & p {
                  margin-bottom: 10px;
                }

                & .contexto {
                  & .contexto-a {
                    & a {
                      & svg {}
                    }

                    & a:hover {}
                  }

                  & .contexto-Desplegar {

                    & a {
                      & svg {}
                    }

                    & a:hover {
                      & .svgColor {}
                    }
                  }
                }
              }

              & .acercaDe-C {
                margin: 15px 0px;
                & p {
                  margin-bottom: 10px;
                }

                & .contexto {
                  & a {
                    & svg {}
                  }
                  & a:hover {}
                }
              }
            }

            & .aserca-UNE {
              margin-bottom: 0px;
            }
          }

          & .redes {
            display: grid;
            grid-template-columns: repeat(4, 15%);
            margin: 30px 0px 10px 0px;
            width: 100%;

            & .red {
              & img {
                width: 60px;
              }
            }
          }

          & .creditos {
            margin-bottom: 40px;

            & div {
              width: 90%;
            }
          }
        }
      }
    }
  }

  .section-cardsFincas {

    & .cardsFincash {
      height: 100%;

      & .titulo {
        font-weight: 400;
        font-size: 45px;
        margin-top: 60px;
        margin-bottom: 3vw;

        & .T1 {
          display: none;
        }

        & .T2 {
          display: block;
          line-height: 65px;
        }
      }

      & .cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: auto;
        height: auto;
        margin-bottom: 60px;


        & .divFincash {
          border: 1px solid #000000;
          border-radius: 20px;

          /* margin: 10px 20px; */
          margin: 2vw 2vw;
          padding: 10px 10px;

          width: 25vw;
          height: 30vw;
          /* width: 155px;
          height: 186px; */


          & div {

            display: grid;
            align-items: center;
            text-align: center;
            height: 100%;


            & img {
              margin: 0px auto 0px auto;
              width: 6vw;
              height: 6vw;
              /* width: 40px;
              height: 40px; */
            }

            & h1 {
              margin: 0px auto 0px auto;
              font-size: clamp(1rem, 2.3vw, 3rem);
              /* font-size: 17px; */
            }

            & p {
              font-size: clamp(1rem, 2vw, 2rem);
              margin: 0px 5px;
            }
          }



        }
      }
    }
  }

}

@media (max-width: 600px) {

  .section-footer {
    background: #222;

    & .footer {
      & .container-full {
        & .container {
          & .container-asercaDe {

            & .img-fincash {

            }

            & .acercaDe {


              & .acercaDe-A {


                & .elemento-p {

                }

                & .contacto {
                  & .whats {
                    & img {}
                  }

                  & .contexto {

                    & .p-nombre {}

                    & .p-telefonos {}
                  }
                }

              }

              & .acercaDe-B {


                & p {

                }

                & .contexto {
                  & .contexto-a {
                    & a {
                      & svg {}
                    }

                    & a:hover {}
                  }

                  & .contexto-Desplegar {

                    & a {
                      & svg {}
                    }

                    & a:hover {
                      & .svgColor {}
                    }
                  }
                }
              }

              & .acercaDe-C {

                & p {

                }

                & .contexto {
                  & a {
                    & svg {}
                  }
                  & a:hover {}
                }
              }
            }

            & .aserca-UNE {

            }
          }

          & .redes {
            grid-template-columns: repeat(4, 1fr);
            & .red {
              & img {

              }
            }
          }

          & .creditos {


            & div {

            }
          }
        }
      }
    }
  }

}

@media (max-width:899px){
  .tabla-full{
    display: none;
  }
  .tabla-min{
    display: block;
  }
}

@media (max-width: 370px) {

  .section-compras {
    background: #ffffff;

    & .compras {
      height: 100%;
      margin: 0px auto;

      & .container-compras {
        width: auto;
        grid-template-columns: 100%;

        & .compra-A {
          display: none;
        }

        & .compra-B {
          display: none;

          & img {
            display: none;
          }

          & .text {
            display: none;

            & h1 {}
          }
        }

        & .compra-B-subs370 {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;

          & .text {
            & h1 {
              display: block;
              font-family: 'acumin-pro-extra-condensed';
              font-weight: 400;
              font-size: 50px;
              margin: 40px 5vw 40px 5vw;
              text-align: center;
              line-height: 35pt;
            }
          }
        }

        & .compra-C {
          margin-bottom: 40px;

          & .img-parrafos {
            margin-bottom: 5vw;
          }

          & .parrafo-1 {
            font-size: 22px;
            margin: 0px 5vw 0px 5vw;
          }

          & .parrafo-2 {
            margin: 20px 5vw 0px 5vw;
          }
        }
      }

    }
  }
}

@media (max-width: 470px) {

  .section-app {
    & .app {
      & .container {
        & .sec-A {
          & .patron-descarga-izq {}

          & .patron-descarga-der {}

          & .text-Sec-B {
            & .banner-sec-B {
              & h1 {
                & .br-app1 {
                  display: none;
                }
              }

              & .container-app {
                & .Ps {
                  & p {
                    & .br-app {
                      display: block;
                    }
                  }
                }

                & .img-apps-store {
                  & div {}

                  & .tiendas {
                    & img {}
                  }

                  & .app-fcs {
                    & .img {}
                  }

                  & .app-fcsP {
                    & img {}
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .section-TDigital-P {
    & .TDigital {
      & .sec-A {
        & .patron-Tarjeta-Izq {}

        & .patron-Tarjeta-Der {}

        & .TDigital-B {
          & .TDigital-banner {
            & .TD-h3 {
              margin: 0px 5vw 0px 5vw;

              & .br-TD {
                display: none;
              }
            }

            & .div-banner {
              & h3 {}
            }

            & p {}
          }
        }
      }
    }
  }

  .section-beneficios {
    background: #008EAD;

    & .beneficios {
      /* border: 1px solid #000000; */
      height: 100%;

      & .container {
        grid-template-columns: 100%;
        grid-template-areas: "beneficios-A" "beneficios-B";

        & .beneficios-A {
          grid-area: beneficios-A;

          display: flex;
          justify-content: center;
          align-items: center;

          & img {
            margin-top: 60px;
            width: 300px;
          }
        }

        & .beneficios-B {
          grid-area: beneficios-B;

          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          margin-bottom: 60px;

          & h5 {
            /* font-size: 8vw;  */
            font-size: clamp(.5rem, 8vw, 6rem);
            text-align: center;
            position: none;
            bottom: -25px;
          }

          & h1 {
            /* font-size: 39vw; */
            font-size: clamp(.5rem, 35vw, 20rem);
          }

          & p {
            font-size: clamp(.5rem, 5vw, 5rem);
            margin-bottom: 20px;
            text-align: center;
          }
        }

        & .beneficios-C {
          display: none;
        }

      }
    }
  }

}

@media (max-width: 580px) {
  .section-cardsFincas {

    & .cardsFincash {
      height: 100%;

      & .cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: auto;
        height: auto;
        margin-bottom: 60px;

        & .divFincash {
          border: 1px solid #000000;
          border-radius: 20px;

          margin: 20px 1vw;
          padding: 0px 0px;

          width: 40vw;
          height: calc(100% - 10px);

          /* width: 155px;
          height: 186px; */


          & div {

            display: grid;
            justify-content: center;
            align-items: center;
            text-align: center;
            height: 100%;
            margin: 0px 10px 0px 10px;


            & img {
              margin: 10px auto 0px auto;
              width: 40px;
              height: 40px;
            }

            & h1 {
              margin: 0px auto 0px auto;
              font-size: 16px;
            }

            & p {
              font-size: 16px;
              margin-bottom: 10px;
            }
          }
        }
      }
    }
  }

  .section-finanzas {
    & .finanzas {
      & h3 {
        & .br-finanzas {
          display: none;
        }
      }

      & p {}

      & a {}
    }
  }

  .section-app {
    & .app {
      & .container {
        & .sec-A {
          & .patron-descarga-izq {}

          & .patron-descarga-der {}

          & .text-Sec-B {
            & .banner-sec-B {
              & h1 {
                & .br-app1 {
                  display: none;
                }
              }

              & .container-app {
                & .Ps {
                  & p {}
                }

                & .img-apps-store {
                  & div {}

                  & .tiendas {
                    & img {}
                  }

                  & .app-fcs {
                    & .img {}
                  }

                  & .app-fcsP {
                    & img {}
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .section-beneficios {
    & .beneficios {
      & .container {
        & .beneficios-A {
          & img {}
        }

        & .beneficios-B {
          & h5 {
            font-size: clamp(.5rem, 8vw, 6rem);

            & .br-beneficios {
              display: block;
            }
          }

          & h1 {}

          & p {}
        }

        & .beneficios-C {}
      }
    }
  }
}



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

/* ---------------min---val---max 
font-size: clamp(3.5rem, 6vw, 6rem);
-----------------------------------*/