/**
 * Foundation for Sites by ZURB
 * Version 6.2.4
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.header {
  padding: 1.875rem 0; }
  @media print, screen and (min-width: 40em) {
    .header {
      padding: 1.875rem 3.125rem; } }
  @media print, screen and (min-width: 64em) {
    .header {
      padding: 1.875rem 3.125rem; } }
  @media print, screen and (min-width: 64em) {
    .header {
      background: url("../img/bg-menu.png") no-repeat;
      background-position: 50% top;
      height: 12.875rem; } }
  .header .cont-logo {
    display: flex;
    justify-content: space-between; }
  .header img.logotipo {
    width: 5.3125rem; }
    @media print, screen and (min-width: 64em) {
      .header img.logotipo {
        width: 11.875rem;
        margin-top: 5.625rem; } }
  .header ul.menu {
    display: inline-block;
    margin-top: 2.5rem; }
    .header ul.menu li a {
      font-family: 'Barlow', sans-serif;
      font-size: 0.9375rem;
      color: #ffffff;
      background: #2F2D64;
      padding: 0.375rem 1.25rem 0.5rem 1.25rem; }
      .header ul.menu li a:hover, .header ul.menu li a:focus, .header ul.menu li a:active, .header ul.menu li a.activo {
        color: #F79F1F; }
    .header ul.menu li:last-child a {
      background: #EB282C;
      padding: 0.375rem 3.125rem 0.5rem 1.25rem;
      border-radius: 1.25rem 0 0 1.25rem; }
  .header .open-menu a {
    transition: 0.3s;
    color: #F79F1F;
    font-size: 2.5rem; }
    .header .open-menu a:hover, .header .open-menu a:focus, .header .open-menu a:active {
      transition: 0.3s;
      color: #2F2D64; }

.position-right {
  background: #2F2D64;
  z-index: 20;
  padding-top: 4.375rem; }
  .position-right ul.menu li a {
    font-family: 'Barlow', sans-serif;
    font-size: 0.9375rem;
    color: #ffffff;
    display: inline-block; }
    .position-right ul.menu li a:hover, .position-right ul.menu li a:focus, .position-right ul.menu li a:active {
      color: #F79F1F; }
  .position-right .close-button {
    color: #ffffff;
    font-size: 3.125rem;
    font-weight: 900; }
    .position-right .close-button:hover, .position-right .close-button:focus, .position-right .close-button:active {
      color: #F79F1F; }

.cont-mensajes-flash .mensaje {
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.22);
  height: 12.5rem;
  padding: 3.125rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50;
  text-align: center; }
  .cont-mensajes-flash .mensaje i {
    color: #ffffff;
    font-size: 3.125rem; }
  .cont-mensajes-flash .mensaje h3, .cont-mensajes-flash .mensaje p {
    color: #ffffff; }
  .cont-mensajes-flash .mensaje.success {
    background: #2F2D64; }
  .cont-mensajes-flash .mensaje.alert {
    background: #EB282C; }

h1, h2, h3, h4, h5 {
  font-family: 'Barlow', sans-serif; }

h1 {
  font-size: 1.875rem;
  line-height: 2rem;
  font-weight: 700;
  color: #2F2D64;
  text-transform: uppercase;
  width: 16.875rem;
  margin-bottom: 1.25rem; }
  @media print, screen and (min-width: 64em) {
    h1 {
      font-size: 2.375rem;
      line-height: 2.25rem; } }
  h1:before {
    content: '';
    display: block;
    width: 3.75rem;
    height: 0.125rem;
    background: #EB282C;
    margin-left: 3.75rem;
    margin-bottom: 0.625rem; }

h2 {
  color: #2F2D64;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 1.75rem;
  margin-bottom: 1.25rem; }
  @media print, screen and (min-width: 64em) {
    h2 {
      font-size: 2rem;
      line-height: 1.875rem; } }
  h2:before {
    content: '';
    display: block;
    width: 3.75rem;
    height: 0.125rem;
    background: #EB282C;
    margin-left: 1.875rem;
    margin-bottom: 0.625rem; }

h3 {
  color: #2F2D64;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem; }

p, li, label {
  font-family: 'Barlow', sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #2F2D64; }
  @media print, screen and (min-width: 64em) {
    p, li, label {
      font-size: 1.125rem;
      line-height: 1.3125rem; } }

.no-margin {
  margin-bottom: 0; }
  .no-margin p {
    margin-bottom: 0; }

p a {
  transition: 0.3s;
  color: inherit; }
  p a:hover, p a:focus, p a:active {
    transition: 0.3s;
    color: #F79F1F; }

form span.form-error {
  display: none; }
form .has-error input[type="text"], form .has-error input[type="password"], form .has-error input[type="date"], form .has-error input[type="datetime"], form .has-error input[type="datetime-local"], form .has-error input[type="month"], form .has-error input[type="week"], form .has-error input[type="email"], form .has-error input[type="number"], form .has-error input[type="search"], form .has-error input[type="tel"], form .has-error input[type="time"], form .has-error input[type="url"], form .has-error input[type="color"], form .has-error select, form .has-error textarea {
  margin-bottom: 0.625rem; }
form .has-error span.form-error {
  font-family: 'Barlow', sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  color: #EB282C;
  font-weight: 300;
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.3125rem; }
form label {
  color: #2F2D64;
  font-family: 'Barlow', sans-serif;
  font-size: 1rem; }
form input[type="text"], form input[type="password"], form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="month"], form input[type="week"], form input[type="email"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="time"], form input[type="url"], form input[type="color"], form select, form textarea {
  font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  color: #2F2D64;
  background-color: #E6E8ED;
  border: none;
  height: 3.125rem;
  border-radius: 1.25rem;
  margin-top: 0.625rem;
  box-shadow: none; }
  form input[type="text"]:hover, form input[type="text"]:focus, form input[type="password"]:hover, form input[type="password"]:focus, form input[type="date"]:hover, form input[type="date"]:focus, form input[type="datetime"]:hover, form input[type="datetime"]:focus, form input[type="datetime-local"]:hover, form input[type="datetime-local"]:focus, form input[type="month"]:hover, form input[type="month"]:focus, form input[type="week"]:hover, form input[type="week"]:focus, form input[type="email"]:hover, form input[type="email"]:focus, form input[type="number"]:hover, form input[type="number"]:focus, form input[type="search"]:hover, form input[type="search"]:focus, form input[type="tel"]:hover, form input[type="tel"]:focus, form input[type="time"]:hover, form input[type="time"]:focus, form input[type="url"]:hover, form input[type="url"]:focus, form input[type="color"]:hover, form input[type="color"]:focus, form select:hover, form select:focus, form textarea:hover, form textarea:focus {
    border: none;
    background-color: #E6E8ED;
    box-shadow: none; }

.button {
  font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5em;
  margin: 1.875rem 0; }
  .button.boton-azul {
    transition: 0.3s;
    background: #2F2D64;
    color: #ffffff;
    padding: 0.5625rem 1.875rem;
    border-radius: 3.125rem; }
    .button.boton-azul:hover, .button.boton-azul:focus, .button.boton-azul:active {
      transition: 0.3s;
      background: #EB282C; }
  .button.boton-blanco {
    -webkit-box-shadow: 0px 0px 46px -17px #2f2d64;
    -moz-box-shadow: 0px 0px 46px -17px #2f2d64;
    box-shadow: 0px 0px 46px -17px #2f2d64;
    transition: 0.3s;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #fafafe 34%, #eeeefc 75%, #e0e0fb 100%);
    background: -webkit-linear-gradient(top, white 0%, #fafafe 34%, #eeeefc 75%, #e0e0fb 100%);
    background: linear-gradient(to bottom, white 0%, #fafafe 34%, #eeeefc 75%, #e0e0fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0fb',GradientType=0 );
    color: #2F2D64;
    padding: 0.5625rem 1.875rem;
    border-radius: 3.125rem; }
    .button.boton-blanco:hover, .button.boton-blanco:focus, .button.boton-blanco:active {
      transition: 0.3s;
      background: #2F2D64;
      color: #ffffff; }

.separador-5 {
  padding: 0.15625rem 0; }

.separador-10 {
  padding: 0.3125rem 0; }

.separador-20 {
  padding: 0.625rem 0; }

.separador-30 {
  padding: 0.9375rem 0; }

.separador-40 {
  padding: 1.25rem 0; }

.separador-50 {
  padding: 1.5625rem 0; }

.separador-60 {
  padding: 1.875rem 0; }

.separador-70 {
  padding: 2.1875rem 0; }

.separador-80 {
  padding: 2.5rem 0; }

.separador-90 {
  padding: 2.8125rem 0; }

.separador-100 {
  padding: 3.125rem 0; }

@media print, screen and (min-width: 64em) {
  .site-index .seccion-principal {
    padding-top: 3.125rem; } }
.site-index .seccion-principal .col-img {
  background: url("../img/tarjeta-nomina.png") no-repeat;
  background-position: right 50%;
  height: 25rem;
  position: absolute;
  left: 0; }
.site-index .seccion-principal .col-titulo {
  height: 18.75rem;
  padding-top: 3.125rem; }
  @media print, screen and (min-width: 64em) {
    .site-index .seccion-principal .col-titulo {
      height: 25rem; } }
@media print, screen and (min-width: 64em) {
  .site-index .seccion-somos {
    background: url("../img/bg-trazado-01.jpg") no-repeat;
    background-size: 50%;
    background-position: 120% bottom;
    height: 30.625rem;
    padding-top: 3.75rem;
    margin-top: -3.75rem; } }
.site-index .seccion-somos .col-titulo {
  padding-top: 5rem; }
.site-index .seccion-somos .col-img {
  background: url("../img/quienes-somos.png") no-repeat;
  background-position: left top;
  height: 23.25rem;
  position: absolute;
  right: 0; }
.site-index .seccion-somos img.somos {
  float: right;
  padding: 1.875rem 0; }
.site-index .seccion-somos img.alianzas {
  margin-bottom: 3.125rem; }
.site-index .seccion-servicios-md {
  margin-bottom: 3.125rem; }
  .site-index .seccion-servicios-md .item {
    margin-top: 1.25rem; }
    @media print, screen and (min-width: 40em) {
      .site-index .seccion-servicios-md .item {
        padding-bottom: 2.5rem; } }
    .site-index .seccion-servicios-md .item.azul {
      background: #2F2D64; }
      .site-index .seccion-servicios-md .item.azul h3, .site-index .seccion-servicios-md .item.azul p {
        color: #ffffff; }
    .site-index .seccion-servicios-md .item .col-img {
      padding: 0; }
    .site-index .seccion-servicios-md .item .col-txt {
      padding-top: 1.25rem; }
      .site-index .seccion-servicios-md .item .col-txt h3 {
        font-size: 1rem;
        line-height: 1.25rem; }
.site-index .seccion-servicios {
  background: url("../img/bg-elipse-01.jpg") no-repeat;
  background-position: 50%;
  height: 83.75rem;
  padding-top: 1.25rem;
  padding-right: 3.125rem; }
  .site-index .seccion-servicios .cont-linea-item {
    padding: 1.25rem 0; }
    .site-index .seccion-servicios .cont-linea-item h3 {
      font-size: 1.25rem;
      line-height: 1.5rem;
      font-weight: 700; }
    .site-index .seccion-servicios .cont-linea-item .col-txt {
      padding-top: 2.5rem; }
    .site-index .seccion-servicios .cont-linea-item h3, .site-index .seccion-servicios .cont-linea-item p {
      color: #2F2D64; }
    .site-index .seccion-servicios .cont-linea-item.servicio-01 h3, .site-index .seccion-servicios .cont-linea-item.servicio-01 p {
      color: #ffffff; }
@media print, screen and (min-width: 64em) {
  .site-index .seccion-proyecto {
    background: url("../img/bg-trazado-02.jpg") no-repeat;
    background-position: 50% top;
    padding: 3.75rem 0; } }
.site-index .seccion-proyecto h2 {
  width: 14.375rem; }
@media print, screen and (min-width: 64em) {
  .site-index .seccion-proyecto .bg-imagen {
    background: url("../img/principal-saludo.png") no-repeat;
    background-size: 50%;
    background-position: left 50%;
    height: 24.4375rem;
    padding-top: 12.5rem; } }
.site-index .seccion-proyecto .bg-imagen .bg-azul {
  padding: 3.125rem 1.25rem; }
  @media print, screen and (min-width: 40em) {
    .site-index .seccion-proyecto .bg-imagen .bg-azul {
      padding: 3.125rem 2.5rem; } }
  @media print, screen and (min-width: 64em) {
    .site-index .seccion-proyecto .bg-imagen .bg-azul {
      background: #2F2D64;
      padding: 1.25rem 2.5rem;
      border-radius: 4.375rem;
      margin-left: -3.75rem; }
      .site-index .seccion-proyecto .bg-imagen .bg-azul p {
        color: #ffffff;
        font-size: 1rem;
        line-height: 1.25rem;
        margin: 0; } }

.site-quienes-somos {
  background: url("../img/bg-trazado-05.jpg") no-repeat;
  background-position: 50% 0; }
  @media print, screen and (min-width: 64em) {
    .site-quienes-somos {
      background: url("../img/bg-trazado-05.jpg") no-repeat;
      background-position: 50% 5%; } }
  @media print, screen and (min-width: 64em) {
    .site-quienes-somos .seccion-principal {
      padding-top: 6.25rem; } }
  .site-quienes-somos .seccion-principal .col-img {
    background-image: url("../img/quienes-somos-principal.png");
    background-repeat: no-repeat;
    background-position: 50% top;
    position: absolute;
    height: 18.75rem;
    left: 0; }
    @media print, screen and (min-width: 40em) {
      .site-quienes-somos .seccion-principal .col-img {
        height: 25rem;
        background-position: right 50%; } }
  .site-quienes-somos .seccion-principal .col-titulo {
    height: 18.75rem;
    padding-top: 3.125rem; }
    @media print, screen and (min-width: 64em) {
      .site-quienes-somos .seccion-principal .col-titulo {
        height: 25rem; } }
  .site-quienes-somos .seccion-somos .col-titulo {
    padding-top: 5rem; }
  .site-quienes-somos .seccion-somos .col-img {
    background: url("../img/quienes-somos-02.png") no-repeat;
    background-position: left top;
    height: 23.25rem;
    position: absolute;
    right: 0; }
  .site-quienes-somos .seccion-somos img.somos {
    float: right;
    padding: 1.875rem 0; }
  .site-quienes-somos img.img-top-azul {
    margin-bottom: -10.625rem;
    margin-left: -5.625rem; }
  .site-quienes-somos .bg-azul-valores {
    background-image: url("../img/bg-trazado-03.jpg");
    background-position: 50% top;
    background-repeat: no-repeat;
    min-height: 79.875rem;
    padding-top: 12.5rem; }
    @media print, screen and (min-width: 64em) {
      .site-quienes-somos .bg-azul-valores {
        background-position: 30% top; } }
    .site-quienes-somos .bg-azul-valores h2, .site-quienes-somos .bg-azul-valores p, .site-quienes-somos .bg-azul-valores li {
      color: #ffffff; }
    .site-quienes-somos .bg-azul-valores ul.list-valores li {
      margin-bottom: 1.25rem;
      padding-left: 1.25rem; }
      .site-quienes-somos .bg-azul-valores ul.list-valores li:before {
        content: '';
        display: inline-block;
        background: #F79F1F;
        width: 0.625rem;
        height: 0.625rem;
        border-radius: 3.125rem;
        margin-right: 0.625rem;
        margin-left: -1.25rem; }
    .site-quienes-somos .bg-azul-valores .circulo {
      background: #F79F1F;
      width: 2.9375rem;
      height: 2.9375rem;
      margin: 0 auto 1.875rem auto;
      border-radius: 3.125rem; }
    .site-quienes-somos .bg-azul-valores .inline-txt {
      display: inline-block; }
    .site-quienes-somos .bg-azul-valores .cont-valores {
      margin-top: 6.25rem; }
      .site-quienes-somos .bg-azul-valores .cont-valores img {
        margin-bottom: 0.625rem; }
      .site-quienes-somos .bg-azul-valores .cont-valores h3 {
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 700;
        color: #2F2D64; }
  .site-quienes-somos .seccion-contacto {
    background-image: url("../img/bg-trazado-04.jpg");
    background-repeat: no-repeat;
    background-position: -350px top;
    height: 28.125rem;
    padding-top: 3.75rem; }
    @media print, screen and (min-width: 64em) {
      .site-quienes-somos .seccion-contacto {
        height: 38.75rem;
        background-position: 10% top; } }
    .site-quienes-somos .seccion-contacto .col-img {
      background: url("../img/quienes-somos-contacto.png") no-repeat;
      background-position: right 50%;
      height: 25rem;
      position: absolute;
      left: 0; }

@media print, screen and (min-width: 64em) {
  .site-creditos .seccion-principal {
    padding-top: 3.125rem; } }
.site-creditos .seccion-principal .col-img img {
  margin: auto;
  display: block; }
  @media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .site-creditos .seccion-principal .col-img img {
      width: 27.5rem; } }
@media print, screen and (min-width: 64em) {
  .site-creditos .seccion-principal .col-titulo {
    height: 18.75rem;
    padding-top: 3.125rem;
    height: 25rem; } }
@media print, screen and (min-width: 64em) {
  .site-creditos .credito-simple {
    height: 25rem; } }
.site-creditos .credito-simple .col-titulo {
  padding-top: 1.25rem; }
  @media print, screen and (min-width: 64em) {
    .site-creditos .credito-simple .col-titulo {
      padding-top: 6.25rem; } }
.site-creditos .credito-simple .col-img {
  background: url("../img/credito-simple.png") no-repeat;
  background-position: left top;
  position: absolute;
  right: 0; }
  @media print, screen and (min-width: 64em) {
    .site-creditos .credito-simple .col-img {
      height: 23.25rem; } }
.site-creditos img.credito-md {
  margin-bottom: 3.125rem;
  position: relative;
  right: -4.375rem; }
.site-creditos .seccion-procesos {
  background: url("../img/bg-01.jpg") no-repeat;
  background-position: 50% top; }
  @media print, screen and (min-width: 40em) {
    .site-creditos .seccion-procesos {
      background: url("../img/bg-trazado-06.jpg") no-repeat;
      background-position: 50% top;
      background-size: 101.25rem;
      padding-top: 13.75rem; } }
  @media screen and (max-width: 39.9375em) {
    .site-creditos .seccion-procesos {
      padding: 7.5rem 1.25rem 1.875rem 1.25rem;
      margin-top: -2.5rem; } }
  @media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .site-creditos .seccion-procesos {
      margin-top: -6.25rem; } }
  .site-creditos .seccion-procesos .cont-linea-item {
    padding: 1.25rem 0; }
    .site-creditos .seccion-procesos .cont-linea-item h3 {
      font-size: 1.25rem;
      line-height: 1.5rem;
      font-weight: 700;
      position: relative;
      display: inline-block; }
      @media screen and (max-width: 39.9375em) {
        .site-creditos .seccion-procesos .cont-linea-item h3 {
          margin-bottom: 1.875rem; } }
      @media screen and (max-width: 39.9375em) {
        .site-creditos .seccion-procesos .cont-linea-item h3:after {
          content: '';
          display: block;
          width: 3.75rem;
          height: 0.125rem;
          background: #EB282C;
          margin-top: 0.625rem;
          position: absolute; } }
    @media print, screen and (min-width: 40em) {
      .site-creditos .seccion-procesos .cont-linea-item .col-txt {
        padding-top: 2.5rem; } }
    .site-creditos .seccion-procesos .cont-linea-item .text-right h3:after {
      right: 0; }
    @media screen and (max-width: 39.9375em) {
      .site-creditos .seccion-procesos .cont-linea-item h3, .site-creditos .seccion-procesos .cont-linea-item p, .site-creditos .seccion-procesos .cont-linea-item li {
        color: #ffffff; } }
    .site-creditos .seccion-procesos .cont-linea-item.txt-blanco h3, .site-creditos .seccion-procesos .cont-linea-item.txt-blanco p, .site-creditos .seccion-procesos .cont-linea-item.txt-blanco li {
      color: #ffffff; }
.site-creditos .menor-riesgo {
  margin-bottom: 60px;
  padding-top: 840px;
  margin-top: -700px; }
  @media print, screen and (min-width: 64em) {
    .site-creditos .menor-riesgo {
      background: url("../img/bg-trazado-07.jpg") no-repeat;
      background-position: 50% bottom;
      height: 1400px; } }

.site-transacciones {
  background: url("../img/bg-trazado-11.jpg") no-repeat;
  background-position: 50% top; }
  @media print, screen and (min-width: 64em) {
    .site-transacciones .seccion-principal {
      padding-top: 6.25rem; } }
  .site-transacciones .seccion-principal .col-img {
    background-image: url("../img/transacciones-principal-md.png");
    background-repeat: no-repeat;
    background-position: right 50%;
    height: 18.125rem; }
    @media print, screen and (min-width: 40em) {
      .site-transacciones .seccion-principal .col-img {
        position: absolute;
        left: 0; } }
    @media print, screen and (min-width: 64em) {
      .site-transacciones .seccion-principal .col-img {
        background-image: url("../img/transacciones-principal.png");
        height: 25rem; } }
  .site-transacciones .seccion-principal .col-titulo {
    padding-top: 3.125rem; }
    @media print, screen and (min-width: 40em) {
      .site-transacciones .seccion-principal .col-titulo {
        height: 18.75rem; } }
    @media print, screen and (min-width: 64em) {
      .site-transacciones .seccion-principal .col-titulo {
        height: 25rem; } }
  @media print, screen and (min-width: 64em) {
    .site-transacciones .monedero {
      height: 30rem; } }
  .site-transacciones .monedero .col-titulo {
    padding-top: 5rem; }
  .site-transacciones .monedero .col-img {
    height: 15.625rem;
    background-image: url("../img/monedero-electronico-md.png");
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    right: 0; }
    @media print, screen and (min-width: 64em) {
      .site-transacciones .monedero .col-img {
        height: 23.25rem;
        background-image: url("../img/monedero-electronico.png"); } }
  @media print, screen and (min-width: 40em) {
    .site-transacciones .personalizacion, .site-transacciones .seguridad {
      padding: 5rem 0; } }
  .site-transacciones .personalizacion h3, .site-transacciones .seguridad h3 {
    margin-bottom: 1.875rem; }
  .site-transacciones .personalizacion .col-img, .site-transacciones .seguridad .col-img {
    padding-top: 3.75rem; }
    @media screen and (max-width: 39.9375em) {
      .site-transacciones .personalizacion .col-img img, .site-transacciones .seguridad .col-img img {
        margin-bottom: 3.75rem; } }
  .site-transacciones .grid-iconos {
    display: flex;
    text-align: center;
    gap: 1.875rem;
    padding-top: 1.875rem; }
    .site-transacciones .grid-iconos .item img {
      margin-bottom: 0.625rem; }
    .site-transacciones .grid-iconos .item h4 {
      font-size: 0.875rem;
      line-height: 1rem;
      font-weight: 700;
      color: #2F2D64; }
  .site-transacciones .programas-lealtad {
    background: url("../img/bg-trazado-08.jpg") no-repeat;
    background-size: cover;
    background-position: -37.5rem 50%;
    padding-top: 12.5rem;
    height: 62.5rem; }
    @media print, screen and (min-width: 64em) {
      .site-transacciones .programas-lealtad {
        height: 83.125rem; } }
    .site-transacciones .programas-lealtad h2, .site-transacciones .programas-lealtad p, .site-transacciones .programas-lealtad li {
      color: #ffffff; }
    .site-transacciones .programas-lealtad .grid-iconos .item h4 {
      color: #ffffff; }
    .site-transacciones .programas-lealtad .col-img {
      background: url("../img/programas-lealtad.png") no-repeat;
      background-position: left top;
      height: 23.25rem;
      position: absolute;
      right: 0; }
  .site-transacciones .nominas {
    height: 28.125rem;
    margin-top: -7.5rem; }
    @media print, screen and (min-width: 40em) {
      .site-transacciones .nominas {
        background: url("../img/bg-trazado-10.jpg") no-repeat;
        background-position: 5% 50%;
        height: 43.75rem; } }
    .site-transacciones .nominas .col-img {
      background: url("../img/tarjeta-nomina.png") no-repeat;
      background-position: right 50%;
      height: 25rem;
      position: absolute;
      left: 0; }
    .site-transacciones .nominas .col-titulo {
      height: 18.75rem;
      padding-top: 3.125rem; }
      @media print, screen and (min-width: 64em) {
        .site-transacciones .nominas .col-titulo {
          height: 25rem; } }
  .site-transacciones .vales-monedero {
    background: url("../img/bg-trazado-09.jpg") no-repeat;
    background-position: 50% top;
    padding-top: 21.875rem;
    padding-bottom: 3.125rem;
    margin-top: -6.25rem; }
    @media print, screen and (min-width: 40em) {
      .site-transacciones .vales-monedero {
        height: 50rem; } }
    @media print, screen and (min-width: 64em) {
      .site-transacciones .vales-monedero {
        height: 76.875rem; } }
    .site-transacciones .vales-monedero h2, .site-transacciones .vales-monedero p, .site-transacciones .vales-monedero li {
      color: #ffffff; }
    .site-transacciones .vales-monedero .col-img {
      background: url("../img/vales-monedero.png") no-repeat;
      background-position: left top;
      height: 23.25rem;
      position: absolute;
      right: 0; }
  .site-transacciones .un-clic {
    padding: 7.5rem 0; }

.site-contacto .mapa {
  background: #E6E8ED;
  height: 18.75rem; }
  @media print, screen and (min-width: 64em) {
    .site-contacto .mapa {
      height: 28.75rem; } }
.site-contacto .cont-mapa {
  background: url("../img/bg-trazado-04.jpg") no-repeat;
  background-position: right 50%;
  background-size: contain;
  padding: 3.125rem 0; }
@media print, screen and (min-width: 64em) {
  .site-contacto .seccion-principal {
    padding-top: 3.125rem; } }
.site-contacto .seccion-principal .col-mapa {
  background: url("../img/bg-trazado-04.jpg") no-repeat;
  background-position: right 50%;
  position: absolute;
  left: 0;
  padding-top: 3.125rem;
  padding-bottom: 4.375rem; }
.site-contacto .seccion-principal .col-titulo {
  padding-left: 1.875rem;
  height: 28.75rem;
  padding-top: 3.125rem; }
.site-contacto .cont-formulario {
  padding: 0 0 2.5rem 0; }
  @media print, screen and (min-width: 64em) {
    .site-contacto .cont-formulario {
      padding: 9.375rem 0 5rem 0; } }
  .site-contacto .cont-formulario .aviso {
    color: #2F2D64; }
    .site-contacto .cont-formulario .aviso:hover, .site-contacto .cont-formulario .aviso:focus, .site-contacto .cont-formulario .aviso:active {
      color: #F79F1F; }

.cont-contactos {
  margin-top: 1.875rem; }
  .cont-contactos .column-block {
    margin-bottom: 1.25rem; }
    .cont-contactos .column-block p {
      font-size: 1rem;
      display: flex;
      gap: 0.625rem;
      color: #2F2D64;
      align-items: center; }
      .cont-contactos .column-block p a {
        color: #2F2D64; }
        .cont-contactos .column-block p a:hover, .cont-contactos .column-block p a:focus, .cont-contactos .column-block p a:active {
          color: #F79F1F; }
      .cont-contactos .column-block p i {
        color: #ffffff;
        background: #25224d;
        background: -moz-linear-gradient(top, #25224d 0%, #252351 30%, #27265f 51%, #2a2c75 75%, #2d328a 100%);
        background: -webkit-linear-gradient(top, #25224d 0%, #252351 30%, #27265f 51%, #2a2c75 75%, #2d328a 100%);
        background: linear-gradient(to bottom, #25224d 0%, #252351 30%, #27265f 51%, #2a2c75 75%, #2d328a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25224d', endColorstr='#2d328a',GradientType=0 );
        width: 2.3125rem;
        height: 2.3125rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3.125rem; }

.site-error {
  background: url("../img/bg-trazado-05.jpg") no-repeat;
  background-position: 50% top; }
  .site-error .contenido {
    height: 37.5rem;
    padding-top: 5rem; }
    @media print, screen and (min-width: 64em) {
      .site-error .contenido {
        padding-top: 13.125rem; } }
    .site-error .contenido h2:before {
      content: '';
      display: none; }

#avisoPrivacidadModal {
  border-radius: 1.875rem; }

.site-aviso-privacidad p a, .site-aviso-de-privacidad-modal p a {
  color: #2F2D64;
  text-decoration: underline; }
  .site-aviso-privacidad p a:hover, .site-aviso-privacidad p a:focus, .site-aviso-privacidad p a:active, .site-aviso-de-privacidad-modal p a:hover, .site-aviso-de-privacidad-modal p a:focus, .site-aviso-de-privacidad-modal p a:active {
    color: #EB282C; }

.site-aviso-privacidad {
  padding-top: 6.25rem; }

.site-aviso-de-privacidad-modal {
  padding-top: 3.125rem; }
  .site-aviso-de-privacidad-modal .contenido {
    height: 37.5rem;
    overflow-y: scroll; }

.footer {
  position: relative; }
  .footer img.logotipo {
    margin-bottom: 1.25rem; }
  .footer .bg-gris {
    background: #E6E8ED;
    padding: 1.875rem 0; }
    .footer .bg-gris p {
      font-size: 0.875rem;
      line-height: 1.0625rem; }
    @media print, screen and (min-width: 64em) {
      .footer .bg-gris .contactos {
        border-bottom: 0.3125rem solid #EB282C;
        width: 31.25rem;
        float: right; } }
    .footer .bg-gris .contactos .column-block {
      margin-bottom: 1.25rem; }
      .footer .bg-gris .contactos .column-block p {
        font-size: 0.875rem;
        font-weight: 500;
        display: flex;
        gap: 0.625rem; }
        .footer .bg-gris .contactos .column-block p a {
          color: #2F2D64; }
          .footer .bg-gris .contactos .column-block p a:hover, .footer .bg-gris .contactos .column-block p a:focus, .footer .bg-gris .contactos .column-block p a:active {
            color: #EB282C; }
        .footer .bg-gris .contactos .column-block p i {
          background: #ffffff;
          width: 1.25rem;
          height: 1.25rem;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 3.125rem; }
    .footer .bg-gris ul.menu {
      margin-bottom: 1.875rem; }
      @media print, screen and (min-width: 64em) {
        .footer .bg-gris ul.menu {
          margin-bottom: 3.125rem; } }
      .footer .bg-gris ul.menu li a {
        font-family: 'Barlow', sans-serif;
        font-size: 0.875rem;
        font-weight: 700;
        padding: 0.5rem 0;
        display: inline-block;
        color: #2F2D64; }
        .footer .bg-gris ul.menu li a:hover, .footer .bg-gris ul.menu li a:focus, .footer .bg-gris ul.menu li a:active, .footer .bg-gris ul.menu li a.activo {
          color: #EB282C; }
    .footer .bg-gris .espaciador {
      display: inline-block;
      padding: 0 0.625rem; }
      @media screen and (min-width: 75em) {
        .footer .bg-gris .espaciador {
          padding: 0 1.25rem; } }
    .footer .bg-gris .linea-azul {
      position: absolute;
      height: 1.5625rem;
      background: #2F2D64;
      right: 0;
      width: 20%;
      border-radius: 1.875rem 0 0 1.875rem;
      top: -0.625rem; }
      @media print, screen and (min-width: 64em) {
        .footer .bg-gris .linea-azul {
          width: 45%; } }
    .footer .bg-gris .iconos-redes a img {
      transition: 0.3;
      transform: scale(1); }
      .footer .bg-gris .iconos-redes a img:active {
        transition: 0.3;
        transform: scale(0.9); }
  .footer .bg-azul {
    background: #2F2D64;
    padding: 3.125rem 0;
    border-bottom: 0.3125rem solid #F79F1F; }
    .footer .bg-azul p {
      color: #ffffff;
      font-size: 0.75rem;
      line-height: 0.875rem; }
      .footer .bg-azul p.destacado {
        font-size: 1rem;
        line-height: 1.125rem;
        margin-bottom: 0; }
      .footer .bg-azul p a {
        color: #F79F1F; }
        .footer .bg-azul p a:hover, .footer .bg-azul p a:focus, .footer .bg-azul p a:active {
          color: #EB282C; }
          

/*# sourceMappingURL=app.css.map */