@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700&family=Roboto:wght@300;400;500;700;900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

html {
  scroll-behavior: smooth;
}

:root {
  --bg-color: #ffffff;
  --bg-light: #f8f9fa;
  --bg-shadow: rgb(209 207 207 / 75%);
  --bg-shadow-form: rgb(214 214 214 / 85%);
  --font-color: #212529;
  --blue: #001E73;
  --light-cyan: #c8e4e5;
  --dark-cyan: #1ebce2;
  --color-blue: #03246d;
  --gray: #E1E1E1;
  --dark-gray: #5B5B5B;
  --light-brown: #f9e3c0;
  --link-white-color:rgba(0,0,0,.5);
  --light-gray: #EFF1F5;
  --black: #070707;
}
[data-theme="dark"] {
  --bg-color: rgb(68 72 74);
  --bg-light: #001E73;
  --bg-shadow: rgba(51, 55, 57, 0.75);
  --bg-shadow-form: rgba(51, 55, 57, 0.75);
  --font-color: #f0eeeb;
  --black: (255, 255, 255, 0.95);
  --blue: rgb(17, 28, 78);
  --gray: rgb(17, 28, 78);
  --dark-gray: rgba(255, 255, 255, 0.95);
  --link-white-color: rgba(255, 255, 255, 0.75);
  --light-gray: rgb(31, 34, 35);
  --light-cyan: rgb(17, 28, 78);
  --link-color:#0a86da;
  --link-white-color:#c1bfbd;
  --btnColor: #000;
}

.bg-header{
  box-shadow: 0px 4px 7px rgba(0,0,0, 17%);
}

.primary{
  color: #111c4e !important;
}
.link-primary{
  color: #111c4e !important;
}
.link-primary:hover{
  text-decoration: underline !important;
}
.link-blue{
  color: #001E73 !important;
}
.link-blue:hover{
  color: #0a58ca !important;
}

.vl {
  border-left: 8px solid #001E73;
  margin-top: 20px;
  height: 450px;
}

.rounded-1 {
  border-radius: .7rem;
}

.fs-18{
  font-size: 1.175rem;
}

.fw-500{
  font-weight: 500;
}
.fw-600{
  font-weight: 600;
}
.fw-700{
  font-weight: 700;
}

/* BOTONES LANDING PCIAS */
body{
  background-color: var(--bg-light);
  color: var(--font-color);
}

.bg-blue {
  background-color:#222852;
}

.navbar{
  background-color: var(--bg-light);
}
.navbar-nav .nav-link{
  color: var(--link-white-color);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.btn:hover{
    color: inherit !important;
}

#button-stafe {
  background-color: #fff;
  border-radius: 1rem;
  padding: 10px 6px;
}

.billetera-stafe {
  border: 4px solid #0399F0;
  border-radius: 0.9rem;
  padding: 5px 25px;

}

#button-sanjuan {
  background-color: #fff;
  border-radius: 1rem;
  padding: 10px 6px;
}

.billetera-sanjuan {
  border: 4px solid #C33848;
  border-radius: 0.9rem;
  padding: 5px 25px;
}

#button-entrerios {
  background-color: #fff;
  border-radius: 1rem;
  padding: 10px 6px;
}

.billetera-entrerios {
  border: 4px solid #799F4F;
  border-radius: 0.9rem;
  padding: 5px 25px;
}

#content-btn2:hover > div > a.provincia {
  color: white !important;
}

#content-btn3:hover > div > a.provincia {
  color: white !important;
}

.space-evenly {
  justify-content: space-evenly;
}

.enlace-btn {
  justify-content: space-evenly;
}

.blue {
  color: #222852;
}

.red {
  color: #C33848;
}

.white {
  color: #ffffff;
}

.btn-sta-fe {
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
}

#content-btn1:hover {
  transform: translate(10em,0);
  background-color:#222852;
}

#content-btn1:hover > div > a {
  color: #fff;
}

#content-btn1 {
  position: fixed;
  left: -175px;
  top: 100px;
  background-color: #fff;
  border: 5px solid #222852;
  border-radius: 1rem;
  width: 255px;
  text-align: right;
  margin: .5rem 0;
  padding: 8px 3px;
  z-index:999;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.content-btn2 {
  position: fixed;
  left: -175px;
  top: 190px;
  background-color: #ffffff;
  border: 5px solid #799F4F;
  border-radius: 1rem;
  width: 255px;
  text-align: right;
  margin: .5rem 0;
  padding: 8px 3px;
  z-index:999;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.content-btn2:hover {
  transform: translate(10em,0);
  background-color:#799F4F;
}

.green {
  color: #799F4F;
}

.btn-ent-rios {
  color: #222852;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
}

.content-btn2:hover > div > a {
  color: #ffffff !important;
}

.content-btn3 {
  position: fixed;
  left: -175px;
  top: 280px;
  background-color: #ffffff;
  border: 5px solid #7C1C20;
  border-radius: 1rem;
  width: 255px;
  text-align: right;
  margin: .5rem 0;
  padding: 8px 3px;
  z-index:999;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.content-btn3:hover {
  transform: translate(10em,0);
  background-color:#7C1C20;
}

.bordeaux {
  color: #7C1C20;
}

.content-btn3:hover > div > a {
  color: #ffffff !important;
}

.btn-sanjuan {
  color: #222852;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
}

/* BTN SANTA CRUZ */
.content-btn4 {
  position: fixed;
  left: -175px;
  top: 369px;
  background-color: #ffffff;
  border: 5px solid #222852;
  border-radius: 1rem;
  width: 255px;
  text-align: right;
  margin: .5rem 0;
  height: 77px;
  padding: 5px 3px;
  z-index:999;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.btn-stacruz {
  color: #222852;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
}

.content-btn4:hover {
  transform: translate(10em,0);
}

.content-btn4:hover > div > a {
  color: #ffffff !important;
}
/***********************************/

.billetera-app,
.plus-app {
  width: 100%;
  height: auto;
}

ol>li,
ul>li {
  list-style: none;
}

.text-important:hover {
  text-decoration: none;
}


.row {
  margin: 0 !important;
}

#carouselExampleControls .carousel-indicators {
  width: 50%;
  margin-right: 0;
  margin-left: auto;
}

#carouselExampleCaptions .carousel-indicators {
  bottom: -3rem;
}

.carousel-indicators li {
  background-color: var(--blue);
  border-radius: 100%;
  height: 15px;
  width: 15px;

}

.carousel-indicators li.active {
  background-color: var(--dark-cyan);
}

.more-yt>a {
  margin-top: 3rem;
  color: var(--font-color);
  text-decoration: none;
  font-size: 1.4rem;
}

/* HEADER */
/* .header {
  border-top: 2rem solid var(--dark-cyan);
} */

.logo-header {
  width: 150px;
}

.nav-link {
  font-size: 15px;
}

.navbar-light .navbar-toggler {
  border-color: transparent;
}

.menu-items {
  justify-content: center;
}

.lista-nav {
  width: 100%;
  justify-content: space-evenly;
}

.btn-pagar {
  font-weight: 400;
  font-size: 0.9em;
  border-radius: 0.6rem;
  background-color: var(--blue);
  color: #fff !important;
  padding: .5rem 1rem;
}

.btn-pagar:hover {
  background-color: var(--dark-cyan);
  color: #fff !important;
  transition: .2s ease-in-out;
}

.btn:focus,
.btn-send {
  border-color: none;
  outline: none;
}

.btn-pagar>a {
  padding: .2rem .5rem;
  color: var(--white);
}

.btn-pagar>a:hover {
  color: var(--white);
}

/* VIDEO */
.video {
  position: relative;
  height: calc(100vh - 70px);
}

.video video {
  width: 100%;
  z-index: -1;
  height: calc(100vh - 70px);
  object-fit: cover;
}

.video .title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: var(--white);
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.video .title h1 {
  font-size: 3.5rem;
  font-weight: 200;
}

/* SECCIÓN CARRUSEL */
/* #carrusel-app {
  height: auto;
} */

.app {
  margin-top: -0.5rem;
}

/* .app>.carrusel-info>.carousel>.carousel-inner {
  height: 100vh !important;
} */

.btn-blue {
  background-color: #00468C;
}

.btn-green {
  background-color: #799F4F
}

.btn-bordeaux {
  background-color: #922D32;
}

.carrusel-info,
.texto-carrusel {
  padding: 0;
}

.img-app-beneficios {
  padding: 0;
}

.grupo-a,
.grupo-b {
  padding: 0;
}

.botones-landings {
  justify-content: space-evenly;
}


.img-carousel-1 {
  background-image: url("/proyectos/2024/plus-pagos/themes/img/home/billeteras.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
}

.img-carousel-2 {
  background-image: url("/proyectos/2024/plus-pagos/themes/img/home/chica2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 100vh;
}

.img-carousel-3 {
  background-image: url("/proyectos/2024/plus-pagos/themes/img/home/pluspagos.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
}

.img-carousel-4 {
  background-image: url("/proyectos/2024/plus-pagos/themes/img/home/comercios.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
}

.img-carousel-5 {
  background-image: url("/proyectos/2024/plus-pagos/themes/img/home/factura-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
}

.beneficio-4 {
  width: 100%;
}

.beneficio-1, .beneficio-2, .beneficio-3, .beneficio-4 {
  margin-left: 2rem;
}

.logo-billetera {
  width: 30%;
}

.texto-carrusel {
  font-weight: 400;
  font-size: 2rem;
  margin: 1rem 0 3rem 0;
  padding: 0 0.5rem;
}

.important-text {
  font-weight: 700;
}

.app-beneficios {
  padding: 0;
  background-color: var(--bg-light);
}

.button-carousel {
  border: 0.2rem solid var(--dark-cyan);
  border-radius: 9px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  padding: 0.2rem 0.3rem;
  font-size: 1rem;
  margin-left: 0.7rem;
  width: 20ch;
  color: var(--font-color);
}

.button-carousel {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

#carrusel-app>.carousel-item>.container-fluid {
  padding: 0;
}

.link-btn-qr:hover {
  color: var(--black);
  text-decoration: none;
}

/* IMG GRID */

.img-grid-1 {
  background-image: url("/proyectos/plus-pagos/themes/img/home/frente-plus-pagos.jpg");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  border-radius: 9px;
  height: 300px;
  padding: 0.7rem;
  cursor: pointer;
}

.img-grid-2 {
  background-image: url("/proyectos/plus-pagos/themes/img/home/boton-web1.png");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  border-radius: 9px;
  height: 300px;
  padding: 0.7rem;
  cursor: pointer;
}

.img-grid-3 {
  background-image: url("/proyectos/plus-pagos/themes/img/home/empresa.png");
  background-position: center 30%;
  background-size: cover;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  border-radius: 9px;
  height: 300px;
  padding: 0.7rem;
  cursor: pointer;
}

/* .img-grid-4 {
  background-image: url("/proyectos/plus-pagos/themes/img/home/chica.jpg");
  background-position: center 20%;
  background-size: cover;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  border-radius: 9px;
  height: 21vh;
  padding: 0.7rem;
  cursor: pointer;
} */

.img-grid-5 {
  background-image: url("/proyectos/plus-pagos/themes/img/home/rrhh.png");
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  border-radius: 9px;
  height: 300px;
  padding: 0.7rem;
  cursor: pointer;
}

.grid-1,
.grid-2 {
  padding: 0;
}

.background-info>.txt-info,
.background-info>.txt-info-2,
.background-info>.txt-info-3,
.background-info>.txt-info-4 {
  margin-bottom: .5rem;
}

.txt-info {
  font-weight: 600;
  color: var(--font-color);
}


.texto-card1 {
  margin: 0.3rem 0 1.5rem 1rem;
  padding: 0 2rem 0 0;
  font-size: 1.5rem;
  line-height: 2rem;
}

.boton-card {
  margin-left: 1rem;
}

.texto-card2 {
  font-size: 1.4rem;
  margin: 0.3rem 0 1.5rem 1rem;
  padding: 0 2rem 0 0;
  line-height: 1.5rem;
}

.texto-card3 {
  font-size: 1.4rem;
  margin: 0.3rem 0 1.2rem 1rem;
  padding: 0 2rem 0 0;
  line-height: 1.9rem;
}

.texto-card4 {
  font-size: 1.4rem;
  margin: 0.3rem 0 1.2rem 1rem;
  padding: 0 2rem 0 0;
  line-height: 1.5rem;
}

.texto-card5 {
  font-size: 1.4rem;
  margin: 0.3rem 0 1.5rem 1rem;
  padding: 0 2rem 0 0;
  line-height: 1.2rem;
}

.button-link {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: var(--font-color);
  border: 0.2rem solid var(--dark-cyan);
  border-radius: 0.5rem;
}

.button-link:hover {
  color: var(--font-color);
  text-decoration: none;
}

/* HOVER */
.background-info,
.background-tutorial {
  /* opacity: 0; */
  transition: all .5s;
  background-color: var(--bg-shadow);
  color: var(--black);
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}

.button-link, .btn-reg {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  padding: 0.3rem 0.5rem;
  font-size: 1rem;
  width: 16ch;
  display: inline-block;
  border: 3px solid var(--dark-cyan);
  border-radius: 0.4rem;
}

.background-tutorial {
  height: 40vh;
}

.img-grid-1:hover .background-info,
.img-grid-2:hover .background-info,
.img-grid-3:hover .background-info,
.img-grid-4:hover .background-info,
.img-grid-5:hover .background-info {
  opacity: 1;
}


/* SECCIÓN MAPA / FORMULARIO */
.seccion-mapa-form>.container-fluid {
  padding: 0;
}

.filter-form {
  background-color: var(--color-blue);
  height: 450px;
}

.filter {
  display: flex;
  flex-direction: column;
  align-items: start !important;
  padding-left: 3rem;
  margin: 0;
}


.mapa {
  background-image: url("/proyectos/2024/plus-pagos/themes/img/home/mapa.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}

.img-man {
  background-image: url("/proyectos/2024/plus-pagos/themes/img/home/man.jpg");
  background-position: center 30%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
}

.text-question {
  font-weight: 600;
  font-size: 2rem;
}

.boton-comercio,
.boton-agencia {
  background-color: var(--light-cyan);
  color: var(--black);
  border-radius: 0.85rem !important;
  border: 2.5px solid var(--white);
  padding: 0.3rem 0.2rem;
  text-align: center;
  font-size: 1.5em;
  width: 11rem;
  padding-left: 0rem;
}

.boton-comercio:hover,
.boton-agencia:hover {
  color: var(--black);
}

.boton-agencia {
  margin-left: -1rem;
}

.boton-comercio.active,
.boton-agencia.active {
  background-color: var(--dark-cyan) !important;
  color: var(--white) !important;
}

.buttons-form {
  margin: 0 0 2rem 3rem;
}


.filter>p {
  font-size: 1.2rem;
}


.filter>.info-app-2 {
  line-height: 1.9rem;
  width: 65%;
  margin: 0 0 2rem 1rem;
}

.filter-options {
  background: transparent;
  border: 0.1rem solid var(--white);
  border-radius: 0.6rem;
  color: var(--white);
  width: 25ch;
  font-size: 1.1rem;
}

.filter-options:focus {
  color: var(--white);
  background-color: transparent !important;
  border-color: var(--white);
  outline: 0;
  box-shadow: none;
}

option {
  background-color: var(--dark-cyan);
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  border-radius: 10rem;
}

.form-control>.filter-options {
  margin-left: 0;
}

/* CARRUSEL BANNER FRAUDE/ AHORRO */

#carrusel-fraude-ahorro {
  height: 100%;
}

.carousel-control-next,
.carousel-control-prev {
  width: 5%;
  height: auto;
}


/* SECCIÓN TUTORIALES */
.seccion-tutorial {
  background-color: var(--light-cyan);
  margin-top: 4rem;
  padding-bottom: 5rem;
}

.titulo-banner-producto {
  font-weight: 600;
  font-size: 2.5rem;
  padding: 2.5rem 0 1rem;
  margin-bottom: 0;
}

.info-pagar-qr {
  width: 100%;
}

.ver-tutorial {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.9rem;
}

.img-contenedor-1 {
  background-image: url("/proyectos/plus-pagos/themes/img/home/video1.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  height: 50vh;
  padding: 1rem;
  border-radius: 1.5rem;
}

.img-contenedor-2 {
  background-image: url("/proyectos/plus-pagos/themes/img/home/video2.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  height: 50vh;
  padding: 1rem;
  border-radius: 1.5rem;
}

.button-prev,
.button-next {
  height: 50vh !important;
}

.titulo-tutorial-qr {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 2rem;
}

.texto-tutorial-qr {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1.3rem;
  padding-left: 0rem;
  margin-bottom: 1rem;
}

.info-pagar-qr {
  padding: 2rem;
}

.link-btn-qr {
  font-size: 1.3rem;
  color: var(--black);
  padding: 0.3rem 0.6rem;
}

#carrusel-fraude-ahorro {
  border-radius: 1rem;
}

/* HOVER */
.background-tutorial {
  opacity: 1;
  transition: all .5s;
  background-color: rgb(209 207 207 / 75%);
  color: var(--black);
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}


.img-contenedor-1:hover .background-tutorial {
  opacity: 1;
  cursor: pointer;
}

.img-contenedor-2:hover .background-tutorial {
  opacity: 1;
  cursor: pointer;
}

/* SECCIÓN AGENTES */

.accesos {
  padding: 0;
}

.fondo-categoria {
  background-color: #dfdfdf;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.tabs-categorias {
  border-radius: 2rem;
}

.tabs-categorias>li {
  background-color: #dfdfdf;;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.btn-ente,
.btn-agente,
.btn-comercio {
  background-color: var(--dark-cyan);
  color: var(--white);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  font-weight: 600;
}

.tabs-categorias>li>a {
  font-weight: 600;
  font-size: 1.4rem;
  color: var(--white);
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  border-bottom: none;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.nav-tabs {
  border-bottom: none;
}

.btn-ente.active,
.btn-agente.active,
.btn-comercio.active {
  color: var(--black) !important;
  background-color: var(--gray) !important;
  border-color: var(--gray) !important;
}

.tab-ente,
.tab-agente {
  width: 33%;
}

.linea-divisoria {
  border: 0.3px solid #525252;
  margin: 0;
  width: 85%;
}

.tab-comercio {
  width: 33.9%;
}

.fondo-categoria>div {
  padding: 0;
}

.enlaces {
  align-items: center;
}

.parrafo {
  font-weight: 500;
}

.parrafo-entes,
.parrafo-agentes {
  font-size: 1.5rem;
  padding-left: 1.5rem;
}

.parrafo-comercio {
  font-size: 1.4rem;
}

/* .contenedor-imagen {
  padding: 0;
} */

.contenedor-2 {
  background: linear-gradient(90deg, var(--gray) 100%, var(--white) 0%);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.entes {
  background: linear-gradient(90deg, var(--gray) 0%, rgba(0, 0, 0, 0) 60%), url("/proyectos/plus-pagos/themes/img/home/entes.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 25vh;
  padding: 0;
  border-bottom-right-radius: 1rem;
}

.agentes {
  background: linear-gradient(90deg, var(--gray) 0%, rgba(0, 0, 0, 0) 60%), url("/proyectos/plus-pagos/themes/img/home/agentes.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 30vh;
  padding: 0;
  border-bottom-right-radius: 1rem;
}

.comercio {
  background: linear-gradient(90deg, var(--gray) 0%, rgba(0, 0, 0, 0) 75%), url("/proyectos/plus-pagos/themes/img/home/comercio.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  padding: 0;
  border-bottom-right-radius: 1rem;
}

.info-comercio {
  padding-right: 0;
}

.img-accesos {
  width: 100%;
  border-bottom-right-radius: 1rem;
}

.parrafo-entes,
.parrafo-agentes {
  font-size: 1.3rem;
  padding-left: 1.5rem;
  line-height: 2rem;
}

/* NUESTRAS REDES */

.titulo-acceso {
  font-weight: 600;
  font-size: 2.5rem;
  margin-top: 6rem;
}

.parrafo-categoria {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
}

.servicios-redes {
  display: flex;
  justify-content: space-evenly;
}

.nuestras-redes {
  background-color: var(--light-cyan);
  border-radius: 20px;
  align-items: center;
  height: auto;
  padding: 2rem 0;
}

.logos-provincias {
  width: 130px;
}

.contenedor-redes {
  padding: 0;
  margin: 3rem auto 7rem;
}

.titulo-redes {
  font-weight: 500;
  text-align: start;
  text-transform: capitalize;
  font-size: 1.9rem;
  padding-left: 1.5rem;
}

.provincias-redes {
  width: 80%;
}



/* LANDING AGENTE */

.seccion-agente {
  background: linear-gradient(90deg, #201e1e94, transparent), url("/proyectos/plus-pagos/themes/img/landing-agente/pexels-4.jpg");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
}

.contenedor-titulo-texto {
  position: relative;
  right: 2rem;
  top: 2rem;
}

.titulo-agente {
  font-weight: 700;
  font-size: 3rem;
  line-height: 3.5rem;
  margin-bottom: 1rem;
}

.texto-header {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8rem;
}

.texto-beneficio {
  padding-left: 2rem;
}

.seccion-titulo {
  font-size: 1.9rem;
  margin-bottom: 1rem;
}

.seccion-titulo,
.titulo-pasos {
  font-weight: 600;
}

.beneficios-clientes .seccion-titulo {
  margin-left: 2rem;
}


p {
  font-size: 1rem;
  margin-bottom: .5rem;
}

.beneficios-agentes,
.lista-pasos {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.beneficios-agentes>li>p {
  margin-bottom: .7rem;
}

.icon-check {
  width: 1.5rem;
  margin-right: .5rem;
}

.img {
  width: 100%;
  border-radius: 1rem;
}

.info-beneficios {
  background-color: var(--light-cyan);
  padding: 1rem;
  border-radius: 1.5rem;
}

.numero-pasos {
  color: var(--dark-cyan);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

/* PÁGINA LANDING EMPRESA */

.seccion-empresa {
  background: linear-gradient(90deg, #201e1e94, transparent), url("/proyectos/plus-pagos/themes/img/landing-empresa/landing-empresa.jpg");
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  justify-content: start;
}

.seccion-img-text {
  background-image: url("../img/landing-empresa/boton-web.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
}

.contenedor-parrafo {
  padding-left: 1.5rem;
}

.contenedor-titulo-empresa {
  position: relative;
  right: 0;
  left: 15rem;
}

.titulo-empresa {
  font-weight: 700;
  font-size: 2.5rem;
}

.parrafo-empresa {
  font-weight: 500;
  font-size: 1.5rem;
  padding: 0rem;
}

.titulo-beneficios {
  font-weight: 700;
  font-size: 1.3rem;
}

.parrafo-beneficios {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.sub-beneficios {
  font-weight: 600;
  font-size: 1.6rem;
  margin: 2.5rem 0 0.5rem 0;
}

.seccion-img-text {
  background-image: url("/proyectos/plus-pagos/themes/img/landing-empresa/boton-web.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
}
/*
.beneficios>ul>li {
}*/

.beneficios-plus {
  font-family: "Roboto", sans-serif;
  background-color: var(--light-cyan);
  padding: 1.6rem 1.4rem 0.1rem 0.7rem;
  width: 80%;
  margin: 1rem auto;
  border-radius: 1.5rem;
}

.contenedor-button {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* LANDING PRODUCTO */
.seccion-producto {
  background: linear-gradient(90deg, #201e1e94, transparent), url("/proyectos/plus-pagos/themes/img/landing-producto/landing-producto.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.titulo-producto {
  margin-bottom: 2rem;
}

.contenedor-button>h4 {
  font-weight: 600;
  font-size: 1.6rem;
  margin-top: 1rem;
}

.texto-destacado {
  font-weight: 600;
}

.titulo-producto,
.titulo-app {
  font-weight: 700;
  font-size: 1rem;
}

.titulo-producto {
  font-size: 3rem;
  line-height: 3.5rem;
}

.titulo-app {
  font-weight: 600;
}

.titulo-app {
  font-size: 1.5rem;
}

.btn-app {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border: 2px solid var(--white);
  font-size: 1.6rem;
  padding: 1rem 1rem;
  border-radius: 0.8rem;
  width: 25%;
}

.seccion-app {
  background-image: url("/proyectos/plus-pagos/themes/img/landing-producto/celu.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.7rem;
  height: 55vh;
}

.seccion-info-app {
  background-image: url("/proyectos/plus-pagos/themes/img/landing-producto/pexels-tim-douglas-6205512.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
  height: 40vh;
}

.utilidades-app {
  font-weight: 600;
}

.utilidades>li,
.utilidades-app-plus>li {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.utilidades-app-plus>li {
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-bottom: 1rem;
}

.utilidades>li {
  font-size: 1.5rem;
  margin-bottom: 1.2rem;
}

#btn-descarga-app {
  width: fit-content;
}

.texto {
  padding-left: 2rem;
}

/* LANDING FRAUDE */

.titulo-seccion-fraude,
.plus-billetera {
  text-transform: uppercase;
  font-size: 2.9rem;
  font-weight: 700;
}

.plus-billetera {
  font-size: 2.5rem;
}

.medios-contacto,
.seccion-plus-billetera,
#estafas-f,
#estafas-v,
.mensaje, .fraude-texto {
  font-weight: 500;
  font-size: 1rem;
}

.fraude-texto {
  font-size: 1.5rem;
}

.texto-tarjeta>p,
.tarjeta-1>p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1.45rem;
}

.titulo-medios {
  font-size: 2.5rem;
}

.seccion-general>h3 {
  font-size: 1.2rem;
}

.seccion-plus-billetera>p {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.info-mail,
.info-contacto>p,
.info-whatsapp {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  padding: 0 3rem;
  line-height: 1.5rem;
}

.info-contacto {
  line-height: 1.5rem;
}

.text-important {
  color: var(--dark-cyan);
}

.banner-fraude {
  margin: 6rem 0 12rem;
}

.tarjetas-requisitos {
  padding-left: 0;
  padding-right: 0;
}

.texto-img {
  background-color: var(--light-brown);
  border-radius: 0.7rem;
  box-shadow: 3px 8px 7px 3px rgba(184, 184, 184, 0.69);
}

.texto-tarjeta {
  padding: 1.5rem 2.1rem;
}

.tarjeta-1 {
  padding: 1.5rem 1.2rem;
}

.info-whatsapp {
  padding: 0 5rem;
}

.info-contacto>p {
  padding: 0;
}

.estafas-f,
.estafas-v {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.estafas-f>p,
.estafas-v>p {
  font-size: 1.2rem;
  line-height: 1.7rem;
  margin-bottom: 1rem;
}

.estafas-f>p {
  margin-bottom: 1.3rem;
}

#requisitos,
#no-requisito {
  background-color: var(--light-brown);
  border-radius: 15px;
}

.seccion-estafas {
  margin-top: 6rem;
}

.contenedor-alertas {
  background-color: var(--light-brown);
  border-radius: .9rem;
  padding: 0;
}

.contenedor-alertas>.texto-img {
  box-shadow: none;
}

#estafas-v.active,
#estafas-f.active {
  background-color: var(--dark-cyan) !important;
  color: var(--white) !important;
}

#estafas-fisicas>div {
  padding: 0;
}

/* .botones-landing-fraude  >  .btn-estafas-f{
  z-index: 999;
} */

#estafas-v,
#estafas-f {
  width: 17ch;
  background-color: var(--light-cyan);
  color: var(--black);
  border-radius: 1.2rem;
  border: 4px solid var(--black);
  padding: 0.6rem 1rem;
  font-size: 1.5rem;
  margin-bottom: 3rem;
}

#estafas-v {
  margin-left: -3rem;
}

.mensaje {
  font-size: 2rem;
  margin: 3rem 0;
}

.items-redes {
  background-color: var(--light-cyan);
  border-radius: 15px;
  padding: 0;
}

#redes {
  display: flex;
  justify-content: space-evenly;
}

.redes-plus {
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.button-redes {
  font-family: "Roboto", sans-serif;
  border-radius: 0.5rem;
  border: 0.2rem solid var(--black);
  width: 25ch;
  padding: 0.2rem 0.3rem;
  margin: 0 0.5rem 0.6rem 0;
  font-size: 1rem;
}


/* FOOTER*/
.footer {
  background-color: var(--blue);
  color: #fff !important;
}


.info-footer p {
  font-size: .9em;
  cursor: pointer;
}

.info-util {
  margin-top: 5rem;
}

.iconos-redes {
  margin-left: 1rem;
}

.app-plus {
  margin-top: 3rem;
}

.info-util>h4,
.menu-principal>h4,
.redes-sociales>h4,
.app-plus {
  font-size: 1em;
  border-bottom: 2px solid white;
  width: 10em;
}


.app-store,
.google-play {
  margin: 0.4rem 2rem 1.3rem 0;
  width: 150px;
}

.google-play {
  margin-right: 2rem;
}

.copyright-text {
  padding: 2rem 0 3rem 0;
}

.copyright-text>div>p {
  margin-bottom: 1rem;
}

/* PÁGINA CONTACTO */

.titulo-contacto {
  font-weight: 600;
  font-size: 1.9rem;
}

.sub-contacto {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

.campo-datos,
.campo-datos>option,
.btn-send {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

.campo-datos::placeholder,
.campo-datos>option,
.btn-send {
  font-size: 0.9rem;
  color: var(--font-color);
}

.seccion-contacto {
  background-image: url("/proyectos/plus-pagos/themes/img/contacto/celular-fondo.jpg");
  background-position: left 39%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 6rem 0;
}

.contacto-form {
  background-color: var(--bg-shadow-form);
  padding: 2rem 2rem 1rem;
  border-radius: 1rem;
}

input[type="file"] {
  /* height: 10vh; */
  margin-bottom: 1rem;
  color: var(--font-color);
}

#campo-textarea {
  min-height: 235px;
}

.textarea-form {
  min-height: 245px;
}

.asunto {
  min-height: 100px;
}

.campo-datos,
.btn-send {
  background: transparent;
  border: 1.5px solid var(--font-color);
  border-radius: 0.5rem;
  color: var(--black);
}

.campo-datos:focus {
  background: transparent;
  border-color: var(--black);
  box-shadow: none;
}

.campo-datos::placeholder,
.campo-datos>option {
  font-size: 0.8rem;
}

.provincia,
.localidad {
  font-size: 0.8rem;
}

.btn-send {
  width: 15ch;
  padding: 0.2rem 0.2rem;
}

/* PÁGINA FORMULARIO AGENTE / FORMULARIO-EMPRESA */

.titulo-form {
  margin-bottom: 0.5rem;
}

.titulo-form,
.subtitulo-form {
  font-weight: 600;
  font-size: 1.4rem;
}

.datos-comerciales {
  font-weight: 500;
  font-size: 1.2rem;
}

.campos-form {
  border: 1.5px solid var(--black);
  height: 1.9rem;
}

.campo-email {
  margin-bottom: 1.5rem;
}

.filter-options:focus {
  color: var(--white);
  background-color: transparent;
  border-color: var(--white);
  outline: 0;
  box-shadow: none;
}

.texto-input,
.switch-btn {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.switch-btn:hover {
  cursor: pointer;
}

.texto-input::placeholder,
.switch-btn {
  font-size: 0.8rem;
  color: var(--black);
  font-weight: 500;
}

.campos-form::placeholder {
  font-size: 0.8rem;
  color: var(--black);
  font-weight: 400;
}

.custom-control-label::before {
  border: 1px solid #161616 !important;
}

.custom-control-input:checked~.custom-control-label::before {
  background-color: #161616;
}

.custom-switch .custom-control-label::after {
  background-color: #161616;
}

.contenedor-btn-enviar {
  width: 60%;
  padding: 1rem 0 1rem 0;
}

.btn-enviar {
  width: 100%;
  background-color: var(--blue);
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
}

.contenedor-switch {
  padding: 0.7rem 0 0.7rem 0;
  justify-content: space-evenly;
}

.contenedor-switch1 {
  padding-left: 0rem;
  justify-content: space-evenly;
}

.texto-switch {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

/* FORMULARIO ENTE */

.form-ente {
  width: 80%;
  margin: auto;
}

@media (max-width: 1536px) {

  /* INDEX */

  .video .title h1 {
    font-size: 2.5rem;
  }

  .beneficio-3>.texto-carrusel {
    margin: 1rem 0 6rem 0;
  }

  .texto-carrusel {
    font-size: 1.5rem;
  }

  .texto-card1 {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }

  .boton-card {
    margin-left: 1rem;
  }

  .texto-card2 {
    font-size: 1.3rem;
  }

  .texto-card3 {
    font-size: 1.3rem;
    margin-bottom: .5rem;
    line-height: 1.3rem;
  }

  .texto-card4 {
    font-size: 1.2rem;
    margin: 0.3rem 0 1rem 1rem;
    line-height: 1.5rem;
  }

  .texto-card5 {
    font-size: 1.3rem;
  }

  .button-link {
    font-size: 0.9rem;
    padding: 0.3rem 1rem;
}

  .titulo-tutorial-qr {
    margin-top: 1rem;
    font-size: 1.8rem;
  }

  .texto-tutorial-qr {
    font-size: 1.1rem;
  }

  .tutorial-btn {
    width: 9rem;
    padding: 0.2rem;
  }

  .tutorial-btn>.link-btn-qr {
    font-size: 1rem;
  }

  .entes,
  .agentes {
    height: 32vh;
  }

  .agentes {
    background-position: center;
  }

  .btn-login,
  .btn-reg {
    font-size: 1rem;
  }

  /* LANDING AGENTE */
  
  .beneficios-agentes>li>p {
    margin-bottom: 0.3rem;
  }

  .lista-pasos>p {
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
  }

  /* LANDING PRODUCTO */

  .titulo-producto {
    font-size: 2.5rem;
    line-height: 2.9rem;
  }

  .btn-app {
    font-size: 1.2rem;
    padding: .5rem 1rem;
    border-radius: 0.5rem;
    width: 20%;
  }

  .utilidades-app-plus>li {
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin-bottom: .5rem;
  }

  .utilidades>li {
    font-size: 1.3rem;
    margin-bottom: .7rem;
  }

  .seccion-app {
    height: 47vh;
  }

  /* LANDING EMPRESA */

  .titulo-empresa {
    font-size: 2.3rem;
    margin-bottom: 1rem;
  }

  .parrafo-empresa {
    font-size: 1.3rem;
  }

  /* LANDING FRAUDE */
  .titulo-seccion-fraude,
  .plus-billetera {
    font-size: 2.2rem;
  }

  .titulo-medios {
    font-size: 2rem;
  }

  input[type="file"] {
    margin-bottom: 2.9rem;
  }

}

@media (max-width: 1366px) {

  /* INDEX */
  
  .comercio {
    background-position: 100%;
}

.parrafo-comercio {
  font-size: 1.2rem;
}


.text-question {
  font-size: 1.8rem;
}

.filter>.info-app {
  margin: 0 0 1.5rem 0.3rem;
  font-size: 1rem;
  line-height: 1.2rem;
}

  /* LANDING AGENTE  */
  .titulo-agente {
    font-size: 2.5rem;
    line-height: 2.9rem;
  }


  /* LANDING-FRAUDE*/

  .info-whatsapp {
    padding: 0 3rem;
  }

  /* CONTACTO */
  input[type="file"] {
    margin-bottom: 0.8rem;
}
}

@media (max-width: 992px) {
/* INDEX */
  .video .title h1 {
    font-size: 2.5rem;
  }

  filter>.info-app {
    font-size: .9rem;
    line-height: 1.3rem;
}

.contenedor-titulo-empresa {
  left: 8rem;
}
  /* LANDING AGENTE */
  .btn-pagar {
    text-align: center;
  }

  .seccion-agente {
    height: 70vh;
  }

  .contenedor-titulo-texto {
    padding: 0;
  }

  .beneficios-clientes .seccion-titulo {
    margin-left: 1.3rem;
  }

  .seccion-titulo {
    font-size: 1.3rem;
  }

  .icon-check {
    width: 1.2rem;
  }

  .texto-beneficio {
    margin-top: 0;
  }

  .beneficios-agentes>li>p {
    margin-bottom: 0;
    font-size: 1rem
  }

  .lista-pasos>p {
    font-size: 0.9rem;
    line-height: 1.2rem;
  }

  /* INDEX */

  .texto-carrusel {
    font-size: 1.2rem;
  }

  #button-prev,
  #button-next {
    height: auto;
  }

  .grid-2 {
    padding-left: .5rem;
  }

  .button-link,
  .btn-reg {
    padding: 0.1rem;
    font-size: 1em;
}
  .texto-card1,
  .texto-card2,
  .texto-card3,
  .texto-card4,
  .texto-card5 {
    font-size: 1rem;
  }
  
  .texto-card2 {
    margin: 0.3rem 0 0.2rem 1rem;
  }

.texto-card3 {
  margin-bottom: 0;
}

  .texto-card4 {
    margin: 0.3rem 0 0 1rem;
    line-height: 1.2rem;
}

.texto-card5 {
  margin: 0.3rem 0 1rem 1rem;
}

.button-link {
  font-size: .9rem;
}

  .filter-form>div {
    padding: 0;
  }
  
  .titulo-tutorial-qr {
    font-size: 1.6rem;
  }

  .button-prev,
  .button-next {
    height: 40vh !important;
  }

  .img-contenedor-1,
  .img-contenedor-2 {
    height: 40vh;
  }

  .titulo-banner-producto {
    font-size: 2rem;
  }

  #carrusel-fraude-ahorro {
    border-radius: 1rem;
  }

  .parrafo-entes, .parrafo-agentes {
    font-size: 1.2rem;
}

  .entes,
  .agentes {
    height: 24vh;
  }

  .comercio {
    height: auto;
  }

  .entes {
    background-position: 40%;
  }

  .agentes {
    background-position: 80%;
  }

  .comercio {
    background-position: 85%;
  }

  .parrafo-comercio {
    font-size: 1.1rem;
  }

  .titulo-redes {
    font-size: 1.6rem;
  }

  .texto-qr {
    font-size: 1rem;
  }

  /* LANDING PRODUCTO */
  .seccion-producto {
    background-position: 20% center;
  }

  .titulo-app {
    font-size: 1.3rem;
  }

  .utilidades>li {
    font-size: 1rem;
    margin-bottom: 1.2rem;
    line-height: .8rem;
  }

  .btn-app {
    font-size: 1.4rem;
    width: 25%;
  }

  .utilidades-app-plus>li {
    font-size: 1rem;
    line-height: 1.4rem;
    margin-bottom: 0.4rem;
  }

  .seccion-app {
    height: 65vh;
  }

  /* LANDING EMPRESA */
  .seccion-empresa {
    height: 70vh;
  }

  .seccion-img-text {
    background-position: 55% 30%;
    height: 39vh;
  }

  .beneficios p {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }

  /* LANDING FRAUDE */

  .titulo-seccion-fraude,
  .plus-billetera {
    font-size: 2rem;
  }

  .banner-fraude {
    margin: 3rem 0 3rem;
}

  .titulo-medios {
    font-size: 1.7rem;
  }

  .info-mail,
  .info-contacto>p,
  .info-whatsapp {
    font-size: .76rem;
    padding: 0;
    margin: 0;
  }

  .info-contacto {
    padding: 0;
  }

  .texto-tarjeta {
    padding: 1.5rem 1.1rem;
  }

  .fraude-texto {
    font-size: 1.2rem;
}

  .seccion-plus-billetera>p {
    font-size: 1.5rem;
  }

  .card-texto-img {
    height: 40vh;
  }

  .texto-tarjeta>p,
  .tarjeta-1>p {
    font-size: 1.2rem;
  }

  .contenedor-nav {
    width: 80%;
  }

  .btn-pagar {
    width: 15%;
  }


  #estafas-fisicas>div {
    padding: 1rem;
  }

  .button-redes {
    width: 100%;
    margin: 0 0.8rem 0.6rem 0;
    font-size: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;

  }

}

#cookiesPolicy .modal-dialog{
  position: absolute;
  margin: 0;
  bottom: 0;
}
#cookiesPolicy .modal-content{
  width: 100vw;
}
.btn-cookies {
  font-weight: 600;
  border-radius: 10px;
  background-color: var(--blue);
  color: #fff !important;
}

.btn-cookies:hover {
  background-color: var(--dark-cyan);
  color: #fff !important;
  transition: .2s ease-in-out;
}

@media (max-width: 768px) {

  input[type="file"] {
    height: auto;
  }

  #campo-textarea {
    min-height: 150px
  }

  .info-util>h4,
  .menu-principal>h4,
  .redes-sociales>h4,
  .app-plus {
    margin: 1rem auto;
  }

  /* INDEX */

  .texto-card1 {
    font-size: 1.1rem;
    line-height: 1.4rem;
    margin-bottom: 0.5rem;
  }

  .texto-card2 {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .texto-card3 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    line-height: 1.3rem;
  }

  .texto-card4 {
    font-size: .9rem;
    margin: 0.3rem 0 0.5rem 1rem;
    line-height: 1.2rem;
  }

  .texto-card5 {
    font-size: 1rem;
    margin-bottom: 1rem;
  }

  /* .app>.carrusel-info>.carousel>.carousel-inner {
    height: 70vh !important;
  } */

  .img-carousel-4 {
    height: 70vh;
  }

  .texto-carrusel {
    margin: 1rem 0 2rem 0;
  }

  .button-link {
    font-size: .9rem;
  }

  .boton-comercio,
  .boton-agencia {
    padding: 0.2rem 0.1rem;
    text-align: center;
    font-size: 1.2rem;
    width: 9rem;
  }

  .app-beneficios {
    height: 630px;
  }

  .beneficio-3>.texto-carrusel {
    margin: 1rem 0 3rem 0;
}

  .buttons-form {
    margin: 0 0 2rem 2rem;
  }

  .filter>.info-app-2 {
    width: 80%;
    margin: 0 0 2rem 0rem;
  }

  .filter>.info-app {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-left: 3.1rem;
  }

  .mapajson {
    height: 70vh;
  }


  .filter-form {
    height: 300px;
  }

.filter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mapa {
  height: 60vh;
}

.filter {
  align-items: center !important;
  padding-left: 2rem;
}

.info-banner-ahorro {
  width: 100%;
}

.info-ahorro>p {
  font-size: 1.1rem;
  line-height: 1.2rem;
  margin-bottom: 1.5rem;
}

.info-banner-fraude {
    width: 100%;
}

  .titulo-banner-producto {
    font-size: 1.5rem;
  }

  .ver-tutorial {
    font-size: 1.3rem;
  }

  .img-contenedor-1,
  .img-contenedor-2 {
    height: 35vh;
  }

  .titulo-tutorial-qr {
    font-size: 1.3rem;
  }

  .texto-tutorial-qr {
    font-size: .9rem;
  }

  .tutorial-btn>.link-btn-qr {
    font-size: .9rem;
  }

  .button-link {
    font-size: .9rem;
  }

  .titulo-acceso {
    font-size: 2rem;
  }

  .parrafo-categoria {
    font-size: 1.4rem;
  }

  .tabs-categorias>li>a {
    font-size: 1.2rem;
  }

  .parrafo-entes,
  .parrafo-agentes {
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding-left: 1rem;
  }

  .texto-qr {
    font-size: 1rem;
    text-align: center;
}

.linea-divisoria {
  width: 90%;
  margin: 0 auto;
}

.parrafo-entes, .parrafo-agentes {
  text-align: center;
  margin: 1.2rem 0;
}
  .parrafo-comercio {
    font-size: 1.2rem;
    text-align: center;
}

.contenedor-2 {
  margin-bottom: 1rem;
}

  .back-office {
    width: 100%;
  }

  .titulo-redes {
    font-size: 1.6rem;
    text-align: center;
}

.redes-servicios {
  margin-bottom: 2rem;
}

.redes-servicios > a {
  text-align: center;
}

.contenedor-imagen {
  display: none;
}

  .app-store,
  .google-play {
    margin: 0.4rem 3.9rem 1.3rem 0;
  }

  .nuestras-redes {
    flex-direction: column;
    align-items: center;
  }
  
  .btn-blue, .btn-bordeaux, .btn-green {
    width: 50vw;
    margin: auto;
  }

  /* LANDING AGENTE */
  .btn-pagar {
    width: 18%;
    text-align: center;
  }

  .seccion-agente {
    width: 100%;
    height: 50vh;
  }

  .seccion-app {
    height: 55vh;
  }

  .titulo-agente {
    font-size: 2.3rem;
    line-height: 2.5rem;
  }

 .texto-beneficio {
    padding-left: 0;
  }
  
  .texto-beneficio-1 {
    padding-right: 0;
  }

  .seccion-lista-pasos,
  .texto-beneficio {
    margin-top: 2rem;
}
  .texto-beneficio-1 {
    margin-bottom: 1.5rem;
  }

  .texto-beneficio-1 > p{
    font-size: 1.2rem;
  }

  /* LANDING PRODUCTO */

  .btn-app {
    font-size: 1.4rem;
    width: 48%;
  }

  .seccion-info-app {
    margin-bottom: 1.5rem;
  }

  .texto {
    padding-left: 2rem;
  }

  .utilidades>li {
    font-size: .9rem;
    margin-bottom: 0.1rem;
    line-height: 1.2rem;
  }

  .contenedor-button>h4 {
    font-size: 1.4rem;
  }

  .utilidades-app-plus>li {
    font-size: .9rem;
    line-height: 1.1rem;
    margin-bottom: 0.4rem;
  }

  /* LANDING EMPRESA */
  .titulo-beneficios {
    font-size: 1.05rem;
    margin-bottom: 1.3rem;
}
  .beneficios-plus {
    width: 100%;
  }

  .contenedor-button>h4 {
    font-size: 1.4rem;
  }

  .beneficios p {
    margin-bottom: 0.5rem;
}

  .titulo-producto {
    font-size: 2.3rem;
    line-height: 2.4rem;
  }
  
  .contenedor-titulo-empresa {
    left: 5rem;
}

  /* LANDING FRAUDE */
  .medios-contacto {
    margin-bottom: 3rem;
  }

  .info-mail, .info-contacto>p, .info-whatsapp {
    font-size: 1.2rem;
}

  .mail,
  .info-contacto {
    width: 80%;
  }

  .info-whatsapp {
    width: 80%;
    margin: 0 auto;
  }

  .seccion-plus-billetera>p {
    font-size: 1.6rem;
  }

  .texto-tarjeta>p,
  .tarjeta-1>p {
    font-size: 1.7rem;
    line-height: 2rem;
    margin-bottom: 2rem;
  }

  .no-requisito {
    margin-top: 3rem;
  }

  .botones-landing-fraude {
    flex-wrap: nowrap;
  }

  .mensaje {
    font-size: 1.7rem;
  }

  .estafas-f>p,
  .estafas-v>p {
    font-size: 1.3rem;
  }

  #contenedor-cel-alerta {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    padding-bottom: 5rem;
  }

  .fraude-texto {
    font-size: 1.5rem;
}

  #redes {
    flex-direction: column;
  }

  .button-redes {
    width: 100%;
  }

  .btn-pagar {
    width: 12ch;
  }

  .titulo-seccion-fraude,
  .plus-billetera {
    font-size: 1.5rem;
}
  .titulo-medios {
    font-size: 1.25rem;
  }

  .titulo-seccion-fraude, .plus-billetera {
    font-size: 1.9rem;
}

.medios-contacto {
  margin-bottom: 1.2rem!important;
}

  /* Formulario Empresa (empresa-form.html) */
  .seccion-contacto {
    background-position: center;
}
}

@media (max-width: 576px) {

  /* INDEX */
  .h-200 {
    height: 200px;
  }

  
  #carouselExampleControls .carousel-indicators {
    width: 100%;
    margin-right: 0;
    margin-left: auto;
  }

  .contenedor-titulo-empresa {
    left: 1rem;
}
 
  .filter>.info-app {
    margin-left: -1rem;
}

  .texto-carrusel {
    font-size: 1.2rem;
  }

  .titulo-billeteras {
    font-size: 1.3rem !important;
  }

.texto-carrusel {
    margin: 1rem 0 3rem 0;
    font-size: 1.2rem;
}

.texto-carrusel {
  margin: 1rem 0 2rem 0;
  font-size: 1rem;
}

.background-info >.txt-info-3 {
  margin-bottom: 0;
}

.texto-card4 {
  font-size: 1rem;
  margin: 0.3rem 0 0.1rem 1rem;
}

  .img-carousel-1,
  .img-carousel-2,
  .img-carousel-3,
  .img-carousel-4,
  .img-carousel-5 {
    height: 400px;
  }

  .texto-carrusel {
    margin: 1rem 0 2rem 0;
  }

  /* .app>.carrusel-info>.carousel>.carousel-inner {
    height: 85vh !important;
} */

.texto-card3 {
  font-size: .9rem;
}


.img-carousel-3, .img-carousel-4 {
    background-position: top;
}

.slide-plus {
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }


  .logo-billetera {
    width: 14%;
    margin-top: 0.3rem;
}

.texto-carrusel, .contenedor-btn {
  text-align: center;
}

.texto-carrusel {
  margin: .5rem 0 0.5rem 0;
}

.contenedor-img {
  margin-bottom: .2rem !important;
}

.contenedor-redes {
  margin-bottom: 0 !important;
}

.beneficio-1,
.beneficio-2,
.beneficio-3,
.beneficio-4 {
  margin-left: 0;
}

  .formulario {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .filter {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
  }

  .buttons-form {
    margin: 0 0 1rem 1rem;
  }

  .text-question {
    font-size: 1.8rem;
}

  .mapa {
    order: 1;
    height: 70vh;
  }

  .boton-comercio,
  .boton-agencia {
    font-size: 1rem;
    width: 7rem;
  }

  .filter>.info-app-2 {
    width: 65%;
    margin: 0 0 2rem 8rem;
    font-size: 1.2rem;
    line-height: 1.2;
  }

  .buttons-form {
    margin: 0 0 1rem -1rem;
  }

  .titulo-acceso {
    font-size: 1.7rem;
  }

  .parrafo-categoria {
    font-size: 1.3rem;
  }

  .parrafo-entes,
  .parrafo-agentes {
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    margin: 1rem 0;
  }

  .tabs-categorias>li>a {
    font-size: .8rem;
}

  .contenedor-2 {
    padding: 1rem 0;
  }

  .btn-reg {
    font-size: .9em;
  }

  .contenido>div>.parrafo-agentes {
    width: 100%;
  }

  .entes,
  .agentes,
  .comercio {
    border-bottom-left-radius: 1rem;
  }

  .parrafo-comercio {
    text-align: center;
    font-size: .9rem;
    margin: 0.5rem 0;
  }

  .contenedor-2 {
    padding: 0.8rem 0;
  }

  .texto-qr {
    font-size: .9rem;
  }

  .provincias-redes {
    width: 60%;
}

  .img-contenedor-1 {
    margin-bottom: 2rem;
  }

  .img-contenedor-1,
  .img-contenedor-2 {
    height: 45vh;
  }

  .redes {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
  }

  .titulo-redes {
    font-size: 1.3rem;
    text-align: center;
    margin-top: 1rem;
  }

  .copyright-text>div>p {
    margin-bottom: 1rem;
    font-size: .9rem;
  }

  .app-store,
  .google-play {
    margin: 0.4rem -1.1rem 1.3rem -2rem;
  }

  .info-mail,
  .info-contacto>p,
  .info-whatsapp {
    font-size: 1rem;
  }

  .info-util {
    margin-top: 2rem;
}

  /* LANDING AGENTE */

  .contenedor-titulo-texto {
    left: 0;
  }

  .icon-check {
    width: 1.5rem;
  }

  .titulo-agente {
    line-height: 2.5rem;
  }

  .texto-header {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.titulo-agente {
  font-size: 2rem;
  line-height: 2rem;
}


.texto-beneficio-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
}

  /* LANDING PRODUCTO */
  .seccion-producto {
    background-position: 25% center;
    height: 55vh;
  }

  .titulo-producto {
    font-size: 1.5rem;
    line-height: 1.7rem;
  }

  /* LANDING EMPRESA */
  .seccion-empresa {
    height: 30vh;
  }


  .contenedor-parrafo-empresa>.parrafo-empresa {
    line-height: 1.3rem;
    font-size: .9rem;
  }

  .contenedor-titulo-empresa>.titulo-empresa {
    font-size: 1.5rem;
  }

  .beneficios>li>p {
    font-size: 1rem;
  }

  .sub-beneficios {
    font-size: 1.2rem;
  }

  .lista-beneficios>ul>li>p {
    line-height: 1.2rem;
    margin-bottom: 1rem;
}

  .contenedor-button>h4 {
    font-size: 1.1rem;
  }

  .beneficios>li>p p {
    font-size: 1.4rem;
  }

  .lista-pasos>p {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-bottom: 0.8rem;
  }

  /* LANDING FRAUDE */

  .card-texto-img {
    height: 45vh;
  }

  .botones-landing-fraude {
    flex-wrap: nowrap;
  }

  #estafas-v, #estafas-f {
    width: 18ch;
    border: 4px solid var(--black);
    padding: 0.5rem 0.5rem;
    font-size: 1rem;
}

.estafas-f>p, .estafas-v>p {
  font-size: 1.1rem;
}

.mensaje {
  font-size: 1.5rem;
}

@media (max-width: 375px) {
  /* INDEX */
  .video .title h1 {
    font-size: 1.7rem;
}

.titulo-app {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

.texto-card2 {
  font-size: .9rem;
  line-height: 1.2rem;
}

.text-question {
  font-size: 1.5rem;
}

.filter>.info-app {
  margin-left: 4rem;
}

.app-beneficios,
.beneficio-1,
.beneficio-2,
.beneficio-3,
.beneficio-4 {
  padding: 1rem;
}

.texto-carrusel {
  margin: 1rem 0;
}

.img-carousel-4 {
  height: 45vh;
}

.beneficio-1 {
  padding-top: 2rem;
}
/* LANDING PRODUCTO */
.texto,
.seccion-lista-pasos {
  padding-left: 1rem;
}

.seccion-texto {
  padding-left: .8rem;
}

/* FORMULARIO AGENTE */
.contacto-form {
  padding: 2rem 1rem 1rem;
}

.filter>.info-app {
  margin-left: 2rem;
}


/* FOOTER */
.iconos-redes {
  margin-left: 0;
  padding-left: 0;
}


.copyright-text>div>p {
  margin-bottom: 1rem;
  font-size: .8rem;
}

}
}


.input-group .validationMessage {
    position: absolute;
    top: 37px;
    right:0;     max-width: 250px;
    box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.3) !important;
}

.validationMessage{
    background-color: #dc3545 !important;
    font-size: 12px;
    padding: 4px 7px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.fa-facebook{
  margin: 0 .5rem;
}

.fa-globe {
  margin: 0 .5rem 0 0;
}

/** ------------------------------- BOTÓN DE ACCESIBILIDAD ------------------------------ */
.accessibilityBtn button{
  position: absolute;
  top: 8px;
  right: 40px;
  transition: all .2s ease-in-out;
  background-color: transparent !important;
  padding: 0;
  width: fit-content;
}
.accessibilityBtn button:hover {
  transform: scale(1.2);
}

/* The side navigation menu */
.accessibilityNav {
  height: 100%; 
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed;
  z-index: 1;
  top: 0;
  right: -50px;
  background-color: var(--light-gray);
  color: var(--font-color);
  overflow-x: hidden;
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.accessibilityNav.open{
  right: 0;
}
.accessibilityNav .sidenav-header{
  background-color: var(--blue);
  color: white;
}
.accessibilityNav .sidenav-body{
  padding: 20px 25px;
}
.accessibilityNav button, .accessibilityNav i{
  background-color: var(--bg-color) !important;
  color: var(--font-color) !important;
}
.accessibilityNav button:hover{
    color:var(--font-color) !important;
}
.accessibilityNav button:focus{
  box-shadow: none !important;
}
.accessibilityNav .sidenav-body .accessibilityOption{
  background-color: var(--bg-color) !important;
  border-radius: 0.6rem;
  border: 3px solid #fff !important;
  color: var(--font-color) !important;
  font-weight: 700;
  transition: border-color 0.15s ease;
}
.accessibilityNav .sidenav-body .accessibilityOption:hover{
  border-color: #001E73 !important;
}
/* Position and style the close button (top right corner) */
.accessibilityNav .closebtn {
  color: #fff;
  text-decoration: none;
  position: absolute;
  top: 8px;
  right: 20px;
  font-size: 36px;
  transition: all .2s ease-in-out;
}
.accessibilityNav .closebtn:hover{
  transform: scale(1.2)
}

.accessibilityNav .sidenav-body .accessibilityOption.disabled:hover{
  border-color: #fff !important;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .accessibilityNav {padding-top: 15px;}
  .accessibilityNav a {font-size: 18px;}
}
@media (max-width: 991px) {
  .accessibilityBtn button{
    position: relative;
    top: 0;
    right: 0;
  }
}
/** ------------------------------- BOTÓN DE ACCESIBILIDAD ------------------------------ */