/* idioma */
.idioma a + a::before {
  content: "|";
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  margin: 0 5px;
  font-weight: 300;
}
.idioma a {
  display: inline-block;
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
}
font {
  all: unset;
}
/*  */
section.privacidad {
  padding: 70px 0;
}
.page-id-3 header#masthead,
.page-id-640 header#masthead,
.page-id-934 header#masthead {
  padding: 10px 0;
  position: unset;
  width: 100%;
  z-index: 10;
  background-color: #222;
}
/* cabecera */
header#masthead .parte-der {
  display: flex;
}
header#masthead .idioma {
  margin-left: 30px;
}
/* slider home */
section.slider-home {
  height: 100dvh;
  background-image: url(../imgs/bg-slider-home.jpg);
  background-position: calc(65% - 0px) center;
  /* background-position: right top; */
  background-size: cover;
  background-color: #4b4b4b;
}
section.slider-home .cuerpo {
  height: inherit;
  display: flex;
  align-items: center;
  position: relative;
}
section.slider-home h1 span {
  display: block;
  font-size: 40px;
  line-height: 45px;
  font-weight: 300;
  color: #fff;
  margin-top: 25px;
}
section.slider-home .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -100;
}
section.slider-home h1 {
  font-size: 50px;
  line-height: 55px;
  font-weight: 700;
  color: #fff;
}
section.slider-home h5,
section.slider-home p {
  font-size: 40px;
  line-height: 45px;
  font-weight: 300;
  color: #fff;
}
section.slider-home .flecha-bajar {
  position: absolute;
  bottom: 50px;
  right: 0;
  left: 0;
  margin: 10 auto;
  max-width: 60px;
  margin-left: auto;
  margin-right: auto;
}
/* biometria para banca */
section.texto-video {
  padding-top: 130px;
  padding-bottom: 130px;
}
section.texto-video .izq {
  padding-left: 20px;
  padding-right: 50px;
}
section.texto-video .izq h2 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
  margin-bottom: 60px;
}
section.texto-video .izq h2 b {
  display: block;
  font-weight: 700;
  font-size: 35px;
  line-height: 40px;
}
section.texto-video .izq p {
  margin-bottom: 30px;
}
a.leer-mas,
section.texto-video .izq a {
  font-size: 18px;
  line-height: 23px;
  margin-top: 10px;
  color: #9b0101;
  font-weight: 700;
}
section.texto-video .izq a {
  color: #fff;
}
section.texto-video .izq a:hover {
  color: #9b0101;
}
section.texto-video .der {
  position: relative;
  padding: 0 35px;
  display: flex;
  align-items: center;
}
section.texto-video .reproducir {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  width: 90px;
  height: 90px;
}
div#overlayvideo {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(000, 000, 000, 0.6);
  z-index: -10;
  opacity: 0;
  transition: all ease 0.7s;
  padding: 100px;
}
div#overlayvideo.mostrar {
  z-index: 10;
  opacity: 1;
}
section.videos-miniatura .reproducir {
  position: absolute;
  left: 0;
  right: 0;
  top: 75px;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  width: 90px;
  height: 90px;
}
.reproducir {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  width: 90px;
  height: 90px;
}
.video-responsive {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#cerrarvideo {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  right: 31px;
  top: 50px;
  cursor: pointer;
}
/* que es bafis */
section.que-es-bafis .titulo {
  margin-left: 20px;
}
section.que-es-bafis .titulo h2 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 5px;
}
section.que-es-bafis .titulo h2.before::before {
  content: "BAFIS es nuestra solución de";
  display: block;
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 27px;
  font-weight: 300;
}
section.que-es-bafis .titulo p {
  font-size: 22px;
  line-height: 27px;
  font-weight: 300;
  margin-bottom: 40px;
}
section.que-es-bafis .izq {
  text-align: center;
}
section.que-es-bafis .der {
  margin-top: 55px;
}
section.que-es-bafis .der ul {
  list-style-type: square;
  padding-left: 20px;
}
section.que-es-bafis .der ul li::marker {
  color: #9b0101;
}
section.que-es-bafis .der ul li {
  font-size: 18px;
  line-height: 23px;
  font-weight: 300;
  margin-bottom: 20px;
}
section.que-es-bafis .der a,
section.que-es-bafis .der ul {
  margin-left: 70px;
}
/* forma de pago alternativa */
section.pago-alternativa {
  padding-top: 50px;
}
section.pago-alternativa .abajo,
section.pago-alternativa .medio,
section.pago-alternativa .arriba {
  padding: 0 20px;
}
section.pago-alternativa .arriba {
  display: flex;
  align-items: center;
  gap: 130px;
}
section.pago-alternativa .arriba h2 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
}
section.pago-alternativa .arriba h2 b {
  display: block;
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
}
section.pago-alternativa .arriba p {
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
}
section.pago-alternativa .medio {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
section.pago-alternativa .titulo {
  width: 650px;
}
section.pago-alternativa .medio h3 b {
  font-weight: 600;
}
section.pago-alternativa .medio h3 {
  font-size: 22px;
  line-height: 27px;
  font-weight: 300;
}
section.pago-alternativa .medio .lista {
  border-left: 1px solid #9b0101;
  padding-left: 20px;
  padding-top: 10px;
}
section.pago-alternativa .medio ul {
  list-style-type: square;
  padding-left: 20px;
}
section.pago-alternativa .medio ul li::marker {
  color: #9b0101;
}
section.pago-alternativa .medio ul li {
  font-size: 18px;
  line-height: 23px;
  font-weight: 300;
  margin-bottom: 20px;
}
section.pago-alternativa .abajo h3 {
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 10px;
}
section.pago-alternativa .abajo {
  margin-top: 70px;
}
section.pago-alternativa .abajo .izq {
  padding-right: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.pago-alternativa .abajo .der {
  padding: 0 20px;
}
section.pago-alternativa .abajo ol {
  list-style-type: decimal;
  padding-left: 20px;
}
section.pago-alternativa .abajo ol li::marker {
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
}
section.pago-alternativa .abajo ol li {
  font-size: 18px;
  line-height: 23px;
  font-weight: 300;
  margin-bottom: 20px;
}
/* eficaz-herramienta */
section.eficaz-herramienta {
  padding-top: 70px;
}
section.eficaz-herramienta .cuerpo {
  max-width: 1715px;
  padding-right: 0;
  margin-right: 0;
}
section.eficaz-herramienta .flex {
  position: relative;
}
section.eficaz-herramienta .izq {
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.eficaz-herramienta .izq h2 {
  width: 490px;
}
section.eficaz-herramienta .izq .negrita {
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
}
/* section.eficaz-herramienta .der {
  height: 530px;
}
section.eficaz-herramienta .der img {
  position: absolute;
  top: 0;
} */
/* ventajas-entidad */
section.ventajas-entidad {
  padding-top: 140px;
  padding-bottom: 100px;
}
section.ventajas-entidad .titulo {
  margin-left: 20px;
}
section.ventajas-entidad .titulo h2 {
  margin-bottom: 40px;
}
section.ventajas-entidad .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 30px;
}
section.ventajas-entidad .grid img {
  padding: 10px;
}
section.ventajas-entidad .grid h3 {
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 20px;
}
section.ventajas-entidad .grid h3.especial {
  min-height: 54px;
}
section.formulario-interiores {
  padding: 50px 0;
  background: #222222;
}
section.formulario-interiores .img-izq {
  float: left;
  width: 20%;
  text-align: center;
  display: none;
}
section.formulario-interiores .form-der b {
  color: #fff;
}
section.formulario-interiores .form-der h3 {
  font-size: 40px;
  line-height: 45px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 25px;
  max-width: 100%;
}
section.formulario-interiores .form-der .top-text {
  font-size: 18px;
  line-height: 23px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 50px;
}
section.formulario-interiores .form-der .after:after {
  height: 4px;
  background-color: #fff;
}
section.formulario-interiores .form-der .col {
  float: left;
  width: 26%;
  margin-right: 4%;
}
section.formulario-interiores .form-der .col.ultima {
  width: 40%;
  margin-right: 0;
}
section.formulario-interiores .form-der .col p {
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
  color: #fff;
}
section.formulario-interiores .form-der .col p span {
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
  color: #fff;
  display: block;
  margin-bottom: 8px;
  display: none;
}
section.formulario-interiores .form-der .col input[type="text"] {
  font-size: 18px;
  line-height: 23px;
  font-weight: 100;
  color: #fff;
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  width: 100%;
  border-radius: 0;
  padding: 4px 8px;
  margin-bottom: 35px;
}
section.formulario-interiores .form-der .col textarea {
  font-size: 18px;
  line-height: 23px;
  font-weight: 100;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  width: 100%;
  border-radius: 0;
  padding: 4px 8px;
  min-height: 117px;
  resize: none;
}
section.formulario-interiores .form-der .col input[type="text"]::placeholder,
section.formulario-interiores .form-der .col textarea::placeholder {
  font-size: 18px;
  line-height: 23px;
  font-weight: 100;
  color: #fff;
}
section.formulario-interiores .form-der p.polpriv {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  display: inline-block;
  width: 92%;
  top: -34px;
  position: relative;
  margin-bottom: 5px;
}
section.formulario-interiores .form-der label {
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  color: #fff;
}
section.formulario-interiores .form-der .col p.polpriv label {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
}
section.formulario-interiores .form-der p.polpriv a {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  text-decoration: underline;
}
section.formulario-interiores .form-der .col .boton {
  text-align: right;
}
section.formulario-interiores .form-der .col .boton input.btnform {
  font-size: 16px;
  line-height: 21px;
  font-weight: 100;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 0;
  padding: 6px 35px;
  cursor: pointer;
  min-height: 45px;
}
section.formulario-interiores .form-der .col .boton input.btnform:hover {
  color: #4b4b4b;
  background: #fff;
}
section.footer {
  background-color: #222222;
}
section.footer .proyecto-financiado {
  padding-top: 30px;
  text-align: center;
  border-top: 1px solid #d8d8d8;
}
section.footer .proyecto-financiado p {
  color: #fff;
}
section.footer .politicas {
  text-align: center;
  margin-top: 30px;
  padding: 30px 0;
  font-size: 20px;
}
section.footer .politicas span,
section.footer .politicas a {
  font-size: 18px;
  color: #fff;
}
/* Solucion */
section.cabecera-interior {
  /* background-color: #4b4b4b; */
  background-image: url(../imgs/banner-solucion.jpg);
  height: 497px;
  position: relative;
  background-position: center;
}
section.cabecera-interior .titulo {
  position: absolute;
  bottom: 60px;
  width: 745px;
}
section.cabecera-interior .titulo h1 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 5px;
}
/* section.cabecera-interior .titulo::after {
  content: "Soluciones de OnBoarding";
  display: block;
  font-size: 30px;
  line-height: 35px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
  margin-top: 5px;
} */
section.cabecera-interior .titulo span,
section.cabecera-interior .titulo h5,
section.cabecera-interior .titulo p {
  display: block;
  font-size: 30px;
  line-height: 35px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
}
/* bafis es nuestra solucion de */
section.que-es-bafis.solucion {
  padding-top: 100px;
  padding-bottom: 90px;
}
section.que-es-bafis.solucion .titulo {
  width: 620px;
  margin-bottom: 20px;
}
section.que-es-bafis.solucion .titulo h5,
section.que-es-bafis.solucion .titulo span {
  display: block;
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 27px;
  font-weight: 300;
}
section.que-es-bafis.solucion .izq h3 {
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
  margin-top: -20px;
}
section.que-es-bafis.solucion .der p {
  margin-left: 70px;
}
/* ambitos de aplicacion */
section.ambitos-de-aplicacion .titulo {
  text-align: center;
}
section.ambitos-de-aplicacion .titulo h2 {
  margin-bottom: 60px;
}
section.ambitos-de-aplicacion .grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-items: center;
}
section.ambitos-de-aplicacion .item {
  text-align: center;
}
section.ambitos-de-aplicacion .item img {
  margin-bottom: 20px;
}
section.ambitos-de-aplicacion .item h3 {
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
}
/* banner solucion */
section.banner-solucion {
  padding: 100px 0;
}
section.banner-solucion .cuerpo {
  text-align: center;
}
/* bafis facial xelios */
section.bafis-facial-xelios .titulo h2 {
  margin-bottom: 70px;
}
section.bafis-facial-xelios .titulo {
  text-align: center;
}
section.bafis-facial-xelios .flex > * {
  padding: 0 20px;
}
section.bafis-facial-xelios .der ul {
  padding-left: 40px;
}
section.bafis-facial-xelios .der p {
  margin-bottom: 30px;
}
section.bafis-facial-xelios ul {
  list-style-type: square;
  padding-left: 20px;
}
section.bafis-facial-xelios ul li::marker {
  color: #9b0101;
}
section.bafis-facial-xelios ul li {
  font-size: 18px;
  line-height: 23px;
  font-weight: 300;
  margin-bottom: 20px;
}
/* puntos diferenciadores */
section.puntos-diferenciadores {
  padding-top: 40px;
}
section.puntos-diferenciadores .titulo {
  text-align: center;
}
section.puntos-diferenciadores .titulo p,
section.puntos-diferenciadores .titulo h2 {
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 20px;
}
section.puntos-diferenciadores .titulo p {
  margin-bottom: 50px;
  font-weight: 300;
}
section.puntos-diferenciadores .flex > * {
  padding: 0 30px;
}
section.puntos-diferenciadores .boton {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
/* my identity proofing */
section.my-identity-proofing {
  padding-top: 130px;
  padding-bottom: 100px;
}
section.my-identity-proofing .titulo {
  margin-left: 20px;
}
section.my-identity-proofing h2 {
  margin-bottom: 40px;
}
section.my-identity-proofing .izq {
  text-align: center;
}
section.my-identity-proofing .der {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 35px;
}
section.my-identity-proofing .der ul {
  padding-left: 20px;
}
section.my-identity-proofing .der p + ul {
  margin-top: 20px;
}
section.my-identity-proofing .der li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
section.my-identity-proofing .der li p {
  margin-bottom: 0;
}
section.my-identity-proofing .der img {
  margin-right: 20px;
}
/* beneficios */
section.beneficios .grid,
section.beneficios .titulo {
  padding: 0 20px;
}
section.beneficios .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 45px;
}
section.beneficios .grid h3 {
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 30px;
}
section.beneficios .grid ul {
  list-style-type: square;
  padding-left: 30px;
}
section.beneficios .grid ul li::marker {
  color: #9b0101;
}
section.beneficios .grid li {
  font-size: 18px;
  line-height: 23px;
  font-weight: 300;
  margin-bottom: 20px;
}
section.beneficios .boton {
  display: flex;
  justify-content: center;
}
/* ventajas para el banco */
section.ventajas-para-el-banco {
  padding-top: 130px;
  padding-bottom: 100px;
}
section.ventajas-para-el-banco h2 {
  margin-bottom: 60px;
}
section.ventajas-para-el-banco ul {
  list-style-type: square;
  padding-left: 60px;
}
section.ventajas-para-el-banco ul li::marker {
  color: #9b0101;
}
section.ventajas-para-el-banco ul li {
  font-size: 18px;
  line-height: 23px;
  font-weight: 300;
  margin-bottom: 20px;
}
section.ventajas-para-el-banco .titulo {
  margin-left: 20px;
}
/* nosotros */
section.cabecera-interior.nosotros {
  background-image: url(../imgs/banner-nosotros.jpg);
}
section.cabecera-interior.nosotros .titulo::after {
  display: none !important;
}
/* section.cabecera-interior.nosotros h1::before {
  content: "Fabricamos y creamos soluciones de";
  display: block;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
} */
/* section.texto-video.nosotros h2::before {
  content: "Desarollamos soluciones basadas en";
  display: block;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
} */
section.texto-video.nosotros h5,
section.texto-video.nosotros span {
  display: block;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
}
section.texto-video.nosotros h2 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 20px;
}
/*  */
.banner-home {
  height: 100%;
  position: relative;
  width: 100%;
  padding: 50px 0;
}
section.banner-home .cuerpo > * {
  padding: 0 20px;
}
section.banner-home span {
  display: block;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
  margin-bottom: 0;
}
section.banner-home h2 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 50px;
}
section.banner-home .flex {
  gap: 110px;
  margin-bottom: 70px;
}
section.banner-home .flex a {
  font-size: 18px;
  line-height: 23px;
  margin-top: 50px;
  color: #fff;
  font-weight: 500;
  margin-left: auto;
}
section.banner-home .flex a:hover {
  color: #9b0101;
}
section.banner-home .cajas {
  display: inline-table;
  margin: 0 -3px;
  height: 540px;
  width: 20.05%;
  transition: all ease 0.7s;
  background-size: cover;
  background-position: center;
  text-align: center;
}
section.banner-home .cajas.peq {
  width: 19%;
}
section.banner-home .cajas.grande {
  width: 24%;
}
section.banner-home .cajas h3 {
  font-size: 36px;
  line-height: 41px;
  font-weight: 700;
  color: #fff;
  margin-top: 410px;
  padding: 0 17px;
  text-align: center;
  margin-bottom: 20px;
}
section.banner-home.realizacionvideos .cajas.uno {
  background-image: url(../imgs/banner-home-uno.jpg);
}
section.banner-home.realizacionvideos .cajas.dos {
  background-image: url(../imgs/banner-home-dos.jpg);
}
section.banner-home.realizacionvideos .cajas.tres {
  background-image: url(../imgs/banner-home-tres.jpg);
}
section.banner-home.realizacionvideos .cajas.cuatro {
  background-image: url(../imgs/banner-home-cuatro.jpg);
}
section.banner-home.realizacionvideos .cajas.cinco {
  background-image: url(../imgs/banner-home-cinco.jpg);
}
/* nuestro catalogo */
section.nuestro-catalogo {
  padding-bottom: 110px;
}
section.nuestro-catalogo span {
  display: block;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
}
section.nuestro-catalogo .izq img {
  filter: grayscale(1);
}
section.nuestro-catalogo .izq a {
  font-size: 18px;
  line-height: 23px;
  margin-top: 10px;
  color: #fff;
  font-weight: 500;
}
section.nuestro-catalogo .izq a:hover {
  color: #9b0101;
}
section.nuestro-catalogo h2 {
  margin-bottom: 60px;
}
section.nuestro-catalogo .flex > .izq {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
}
section.nuestro-catalogo .flex > .der {
  text-align: center;
}
section.nuestro-catalogo .flex > .izq > .izq {
  padding: 0 20px;
}
section.nuestro-catalogo .izq .cajas .izq {
  flex-basis: 15%;
  border-right: 0px;
}
section.nuestro-catalogo .izq .cajas .der {
  flex-basis: 85%;
  text-align: left;
}
section.nuestro-catalogo .izq .cajas {
  margin-bottom: 50px;
}
section.nuestro-catalogo .izq .cajas .der h3 {
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
}
section.nuestro-catalogo .izq .cajas .der p {
  width: 85%;
  margin-bottom: 10px;
}
/* contacto */
section.cabecera-interior.contacto {
  background-image: url(../imgs/banner-contacto.jpg);
  height: 497px;
  position: relative;
}
/* section.cabecera-interior.contacto .titulo::before {
  content: "¿Quiere ponerse en";
  display: block;
  font-size: 30px;
  line-height: 35px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
} */
section.cabecera-interior.contacto .titulo::after {
  display: none !important;
}
section.banner-suite.soluciones.deportivas.biometricas.conexiones {
  padding: 100px 0 80px;
}
section.banner-suite h2 {
  font-size: 36px;
  line-height: 41px;
  font-weight: 7 00;
  text-align: left;
  margin-bottom: 0px;
}
section.banner-suite span {
  display: block;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 0px;
}
section.banner-suite .der a {
  font-size: 18px;
  line-height: 23px;
  margin-top: 10px;
  color: #9b0101;
  font-weight: 700;
}
section.banner-oficinas {
  padding: 50px 0 100px;
}
a.ocultar {
  display: none;
}
section.tabs-preguntas.radio.empr a.ocultar {
  display: none;
}
section.banner-oficinas .caja .overlay {
  background: rgba(155, 1, 1);
  opacity: 0;
  height: inherit;
  vertical-align: middle;
  place-items: center;
  display: grid;
  align-items: center;
  align-content: center;
}
section.banner-oficinas .caja {
  height: 607px;
  text-align: left;
  width: 23.2%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  background-position: center;
  background-size: cover;
}
section.banner-oficinas .caja:hover {
  filter: none;
}
section.banner-oficinas .caja.uno {
  background-image: url(../imgs/oficina-1.png);
}
section.banner-oficinas .caja.dos {
  background-image: url(../imgs/oficina-2.png);
}
section.banner-oficinas .caja.tres {
  background-image: url(../imgs/oficina-3.png);
}
section.banner-oficinas .caja.cuatro {
  margin-right: 0%;
  background-image: url(../imgs/oficina-4.png);
}
section.banner-oficinas .caja .overlay:hover {
  opacity: 1;
}
section.banner-oficinas .ocultar.dif {
  font-size: 24px;
  line-height: 29px;
  font-weight: 600;
  color: #fff;
  position: relative;
  margin-left: 0;
  margin-bottom: 15px;
  width: 100%;
  display: block;
  text-align: center;
}
section.banner-oficinas p.ocultar {
  font-size: 18px;
  line-height: 23px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  position: relative;
  width: 100%;
  padding-right: 0px;
  margin-left: 0px !important;
}
/* resp */
@media only screen and (max-width: 1400px) {
  section.my-identity-proofing .izq {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  section.banner-home .cajas.uno,
  section.banner-home .cajas.dos,
  section.banner-home .cajas.tres {
    display: block;
    margin: 0;
    float: left;
    width: 33.3% !important;
  }
  section.banner-home .cajas.cuatro,
  section.banner-home .cajas.cinco {
    display: block;
    margin: 0;
    float: left;
    width: 50% !important;
  }
}
@media only screen and (max-width: 1300px) {
  section.que-es-bafis .der a,
  section.que-es-bafis .der ul {
    margin-left: 40px;
  }
  section.que-es-bafis .der {
    margin-top: 0;
  }
  section.que-es-bafis .izq {
    display: flex;
    align-items: center;
  }
  section.que-es-bafis.solucion .izq {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  section.que-es-bafis.solucion .der ul {
    margin-left: 70px;
  }
  section.banner-oficinas .caja {
    height: 607px;
    text-align: left;
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    background-position: center;
    background-size: cover;
    margin-bottom: 2%;
  }
  section.banner-oficinas .caja.dos {
    margin-right: 0%;
  }
  section.slider-home {
    position: relative;
  }
  section.slider-home::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.3);
    z-index: 1;
    pointer-events: none;
  }
  section.slider-home > * {
    position: relative;
    z-index: 2;
  }
}
@media only screen and (max-width: 1200px) {
  section.texto-video .der {
    padding: 0;
  }
  section.nuestro-catalogo .flex {
    flex-direction: column;
  }
  section.nuestro-catalogo .flex > .izq > .izq {
    padding: 0;
  }
  section.nuestro-catalogo h2,
  section.nuestro-catalogo .flex > .izq {
    margin-bottom: 40px;
  }
  section.banner-suite .flexcontainer {
    flex-direction: column;
  }
  section.banner-suite .flexcontainer h2 {
    margin-bottom: 20px;
  }
  section.banner-suite .flexcontainer h2,
  section.banner-suite .flexcontainer span,
  section.banner-suite .flexcontainer > * {
    text-align: center;
  }
  section.eficaz-herramienta .izq {
    padding: 0;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 1140px) {
  section.ventajas-entidad .titulo {
    margin-left: 0;
  }
  section.ventajas-entidad .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  section.que-es-bafis.solucion .der p,
  section.que-es-bafis.solucion .der ul {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 1060px) {
  section.pago-alternativa .arriba p,
  section.pago-alternativa .arriba h2 {
    font-size: 22px;
    line-height: 27px;
  }
  section.pago-alternativa .arriba {
    gap: 0;
  }
  section.ambitos-de-aplicacion .grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 0;
  }
}
@media only screen and (max-width: 1000px) {
  section.texto-video .flex,
  section.que-es-bafis .flexcontainer,
  section.pago-alternativa .arriba,
  section.pago-alternativa .medio,
  section.pago-alternativa .abajo .flex {
    flex-direction: column;
  }
  section.texto-video .der {
    justify-content: center;
  }
  section.texto-video .izq {
    padding: 0;
    text-align: center;
    margin-bottom: 60px;
  }
  section.que-es-bafis .titulo {
    text-align: center;
    margin-left: 0;
  }
  section.que-es-bafis .izq {
    justify-content: center;
  }
  section.que-es-bafis .der {
    width: 90%;
    margin: 0 auto;
  }
  section.que-es-bafis .der ul {
    /* list-style-type: none; */
    margin: 0;
    padding: 0;
    /* text-align: center; */
  }
  section.que-es-bafis .der a.btn {
    display: block;
    margin: 0;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  section.pago-alternativa .texto,
  section.pago-alternativa .titulo {
    width: 100%;
    text-align: center;
  }
  section.pago-alternativa .abajo .izq,
  section.pago-alternativa .abajo,
  section.pago-alternativa .medio,
  section.pago-alternativa .arriba {
    padding: 0;
  }
  section.pago-alternativa .medio .lista {
    padding-left: 0;
    border-left: none;
  }
  section.pago-alternativa .medio .lista ul {
    text-align: center;
    /* list-style-type: none;
    padding: 0; */
  }
  section.pago-alternativa .abajo .flex .izq {
    text-align: center;
  }
  /* section.pago-alternativa .abajo .flex ol {
    padding-left: 0;
    list-style-type: none;
  } */
  section.formulario-interiores .form-der .col {
    width: 48%;
  }
  section.formulario-interiores .form-der .col.sinmargen {
    margin-right: 0px;
  }
  section.formulario-interiores .form-der .col.ultima {
    width: 100%;
  }
  section.que-es-bafis.solucion .titulo {
    width: 100%;
    margin-bottom: 40px;
  }
  section.que-es-bafis .der a,
  section.que-es-bafis .der p,
  section.que-es-bafis .der ul {
    margin-left: 0 !important;
  }
  section.que-es-bafis.solucion .izq {
    margin-bottom: 40px;
  }
  section.que-es-bafis.solucion .der p {
    text-align: center;
    margin-left: 0;
  }
  section.bafis-facial-xelios .titulo h2 {
    margin-bottom: 40px;
  }
  section.puntos-diferenciadores .flex {
    flex-direction: column;
  }
  section.puntos-diferenciadores .flex > * {
    padding: 0;
    text-align: center;
  }
  section.pago-alternativa .abajo .der {
    padding: 0;
  }
  section.my-identity-proofing .flex {
    flex-direction: column;
  }
  section.my-identity-proofing .titulo {
    margin: 0;
    text-align: center;
  }
  section.my-identity-proofing .der {
    padding: 0;
    text-align: center;
    margin-top: 40px;
  }
  section.my-identity-proofing .der ul {
    /* justify-content: center; */
    padding: 0;
  }
  section.my-identity-proofing .der p + ul {
    margin-top: 20px;
    margin-left: 20%;
  }
  section.banner-home .flex {
    gap: 50px;
    padding: 0;
  }
  section.eficaz-herramienta .cuerpo {
    padding: 0 15px;
  }
  section.eficaz-herramienta .flex {
    flex-direction: column;
    align-items: center;
  }
  section.eficaz-herramienta .flex .izq {
    padding: 0;
    text-align: center;
    margin-bottom: 20px;
  }
  section.eficaz-herramienta .izq h2 {
    width: 100%;
  }
  section.texto-video .izq a {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (max-width: 900px) {
  section.bafis-facial-xelios .flex {
    flex-direction: column;
  }
  section.bafis-facial-xelios .der p {
    margin-bottom: 10px;
  }
 /*  section.slider-home {
    background-image: url(../imgs/bg-slider-home-oscuro.jpg);
  } */
}
@media only screen and (max-width: 800px) {
  section.slider-home h1 span {
    font-weight: 500;
  }
  section.banner-home .cajas.uno,
  section.banner-home .cajas.dos,
  section.banner-home .cajas.tres,
  section.banner-home .cajas.cuatro,
  section.banner-home .cajas.cinco {
    width: 100% !important;
  }
  section.banner-home h2,
  section.banner-home span {
    text-align: center;
  }
  section.banner-home .flex {
    text-align: center;
    flex-direction: column;
    gap: 20px;
  }
  section.nuestro-catalogo .izq a,
  section.banner-home .flex a {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (max-width: 780px) {
  section.cabecera-interior .titulo {
    width: 100%;
    text-align: center;
    left: 0;
    padding: 0 20px;
  }
  section.cabecera-interior .titulo h1 {
    font-size: 30px;
    line-height: 35px;
  }
  section.cabecera-interior .titulo::before,
  section.cabecera-interior .titulo::after,
  section.cabecera-interior .titulo span,
  section.cabecera-interior .titulo h5,
  section.cabecera-interior .titulo p {
    font-size: 25px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 760px) {
  section.my-identity-proofing .der p + ul {
    margin-top: 20px;
    margin-left: 10%;
  }
}
@media only screen and (max-width: 700px) {
  section.formulario-interiores .form-der .col,
  section.formulario-interiores .form-der .col.ultima {
    float: none;
    width: inherit;
    margin-right: 0;
  }
  section.banner-oficinas .caja.dos {
    margin-right: auto;
  }
  section.banner-oficinas .caja.cuatro {
    margin-right: auto;
  }
  section.banner-oficinas .caja {
    height: 607px;
    text-align: left;
    width: 70%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    background-position: center;
    background-size: cover;
    margin-bottom: 2%;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    display: block;
  }
}
@media only screen and (max-width: 680px) {
  header#masthead {
    padding: 10px 0;
  }
  header#masthead .flexcontainer {
    flex-direction: column;
    align-items: flex-start;
  }
  header#masthead .parte-der {
    width: 100%;
    justify-content: space-between;
  }
  header#masthead .idioma {
    margin: 0;
  }
  .idioma a {
    text-transform: unset;
  }
}
@media only screen and (max-width: 670px) {
  section.footer .politicas {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  section.footer .politicas .separador {
    display: none;
  }
  section.ambitos-de-aplicacion .grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 0;
  }
  section.ambitos-de-aplicacion .item h3 {
    font-size: 20px;
    line-height: 25px;
  }
  section.beneficios .grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 0;
  }
  section.beneficios .grid h3 {
    margin-bottom: 20px;
  }
  section.ventajas-para-el-banco ul {
    padding-left: 40px;
  }
  section.ventajas-para-el-banco h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  section.ventajas-entidad .grid {
    grid-template-columns: repeat(1, 1fr);
  }
  section.ventajas-entidad .titulo,
  section.ventajas-entidad .grid .item {
    text-align: center;
  }
  section.nuestro-catalogo .flex .flexcontainer {
    flex-direction: column;
    align-items: center;
  }
  section.nuestro-catalogo .flex .flexcontainer .izq {
    margin-bottom: 20px;
  }
  section.nuestro-catalogo span,
  section.nuestro-catalogo h2,
  section.nuestro-catalogo .izq .cajas .der h3,
  section.nuestro-catalogo .izq .cajas .der p {
    width: 100%;
    text-align: center;
  }
  section.nuestro-catalogo .flex > .izq {
    padding: 0;
  }
  section.my-identity-proofing .der p + ul {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 570px) {
  section.slider-home h1 {
    font-size: 40px;
    line-height: 45px;
  }
  section.slider-home h1 span,
  section.slider-home h5,
  section.slider-home p {
    font-size: 25px;
    line-height: 30px;
  }
  h2 {
    font-size: 23px !important;
    line-height: 28px !important;
  }
  h2 b {
    font-size: 28px !important;
    line-height: 33px !important;
  }
  section.formulario-interiores {
    padding: 100px 0 120px 0;
    background: #222222;
  }
  section.formulario-interiores .form-der .col .boton {
    text-align: right;
    position: absolute;
    padding-top: 100px;
  }
  section.formulario-interiores .form-der p.polpriv {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    display: inline-block;
    width: 100%;
    top: 0px;
    position: relative;
  }
}
@media only screen and (max-width: 560px) {
  div.userway_buttons_wrapper {
    top: 113px !important;
    left: 60px !important;
  }
  header#masthead .parte-der {
    justify-content: flex-end;
  }
  .idioma a {
    font-size: 18px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 550px) {
  section.my-identity-proofing .der li {
    flex-direction: column;
    align-items: center;
  }
  section.my-identity-proofing .der p + ul {
    margin-left: 0;
  }
}
@media only screen and (max-height: 500px) {
  section.slider-home {
    height: 500px;
  }
  section.que-es-bafis.solucion .izq h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 500px) {
  section.banner-oficinas .caja {
    height: 607px;
    text-align: left;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    background-position: center;
    background-size: cover;
    margin-bottom: 2%;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    display: block;
  }
}
@media only screen and (max-width: 470px) {
  section.slider-home h1 {
    font-size: 30px;
    line-height: 35px;
  }
  section.slider-home h1::after,
  section.slider-home h5,
  section.slider-home p {
    font-size: 20px;
    line-height: 25px;
  }
  section.cabecera-interior .titulo h1 {
    font-size: 25px;
    line-height: 30px;
  }
  section.cabecera-interior .titulo::before,
  section.cabecera-interior .titulo::after,
  section.cabecera-interior .titulo span,
  section.cabecera-interior .titulo h5,
  section.cabecera-interior .titulo p {
    font-size: 20px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 400px) {
  div.userway_buttons_wrapper {
    top: 90px !important;
  }
}
@media only screen and (max-width: 350px) {
  div.userway_buttons_wrapper {
    top: 80px !important;
  }
  section.formulario-interiores .form-der label {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    width: 90%;
    display: inline-block;
  }
  section.formulario-interiores .form-der p.polpriv {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    display: flex;
    align-items: baseline;
    width: 100%;
    position: relative;
  }
  section.formulario-interiores input#politica,
  section.formulario-interiores input#politica2,
  section.formulario-interiores input#politica3 {
    display: inline-block;
    vertical-align: top;
    top: 2px;
    position: relative;
    margin-right: 5px;
  }
  section.formulario-interiores .form-der .col .boton {
    text-align: right;
    position: absolute;
    padding-top: 150px;
  }
}