* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  text-decoration: none;
}
@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf")
    format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("/assets/fonts/Outfit/Outfit-VariableFont_wght.ttf")
    format("truetype");
  font-display: swap;
}
html {
  scroll-behavior: smooth;
  background-color: white;
}
h2 {
  font-family: "Outfit", sans-serif;
}
body {
  font-family: "Open Sans", sans-serif;
  font-family: inherit;
}
/* --------HEADER---------- */
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: black;
  z-index: 100000;
}

/* --------BARRA DE NAVEGACION---------- */
/* --------MENU---------- */
.container__menu {
  width: 100%;
  height: 45px;
  padding: 0px 20px;
  z-index: 100;
}
.nav__logo {
  display: none;
}
.menu {
  height: 100%;
}
.label__container {
  height: 100%;
  width: 24px;
}

.a-servicios img {
  display: none;
}
nav ul li a {
  color: white;
  transition: all 0.2s ease;
}
.svg__flecha {
  fill: white;
  display: none;
}
nav > ul > li:hover > a {
  /* transform: scale(1.1); */
  color: #f8dd2e;
}
nav > ul > li:hover > a > .svg__flecha {
  fill: #f8dd2e;
}
nav ul li ul a:hover {
  color: #bea923;
}
.selected:hover,
.selected:hover .svg__flecha {
  color: white;
  fill: white;
}

.sub-selected:hover {
  color: #8a8888;
}

/* --------BOTON MENU---------- */
.icon__menu {
  font-size: 24px;
  cursor: pointer;
  color: #ffffff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon__menu {
  width: 24px;
  fill: white;
}

#check__menu {
  display: none;
}
#label__check {
  width: 24px;
  height: 100%;
}

/* ====================SIMULADOR CREDITO======================= */
.simulador {
  margin-top: 35px;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 40px 0px;
  position: relative;
  z-index: 10;
  background-color: white;
}
.simulador__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  column-gap: 2rem;
  row-gap: 2rem;
  padding-block: 2rem;
  padding-inline: 1rem;
}
/*=============== BUTTON ===============*/
.button {
  /* margin-block: 1.5rem; */
  /* margin-inline: auto; */
  display: inline-block;
  background-color: #f6d918;
  padding: 0.5rem 0.7rem;
  color: black;
  font-weight: var(--font-bold);
  border: 2px solid black;
  cursor: pointer;
  border-radius: 5px;
}
.button img {
  width: 20px;
  transition: transform 0.5s;
}
.button__flex {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.2rem;
}
.button__flex:hover img {
  transform: translateX(0.25rem);
}
/*=============== ICONOS CREDITO ===============*/

.icono__credito {
  width: 70px;
  cursor: pointer;
}
.icono__credito.ingresar {
  transition: all 0.5s ease;
}
.icono__credito.ingresar:hover {
  transform: scale(1.2);
}

/* ====================ACCEDE A UN CREDITO======================= */
.acc__credito {
  height: auto;
}
.bg__img {
  height: auto;
  background-image: url(../img/bg_conductor_formulario_home-mb.webp);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-attachment: local;
  /* background-position: center center; */
  background-repeat: no-repeat;
  position: relative;
  top: -70px;
  z-index: 0;
}
.bg__img.loaded {
  background-image: none;
}
.container__form {
  width: 509px;
  height: auto;
  padding-top: 90px;
}

/*=============== solicitud ===============*/
.solicitud__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.solicitud__description {
  text-align: center;
  margin-inline: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.solicitud__description img {
  width: 75%;
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.solicitud__description h2 {
  font-size: 18px;
  text-align: left;
}
.solicitud__description p {
  text-align: left;
  font-size: 16px;
}

.solicitud__img {
  max-width: 40rem;
  height: auto;
  margin-inline: 1rem;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
.contenedor__img-logo {
  max-width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.solicitud__img img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
/*=============== CONTADOR ===============*/
.contadores__container {
  margin-block: 2rem;
  margin-inline: 1rem;
  text-align: center;
  color: #4c594c;
}
.contador__cantidad {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 0.5rem;
}
.contadores__container p {
  letter-spacing: 0.2rem;
  font-weight: bold;
  font-size: 14px;
}
@keyframes aparecer {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.contador.ocultar {
  opacity: 0;
}
.contador.animar {
  animation: aparecer 1.3s;
}

/*=============== VIDEO ===============*/
.video__container {
  width: 100%;
  padding-inline: 1rem;
  position: relative;
}
.video {
  height: 0px;
  padding-bottom: 56.25%;
  position: relative;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.video__container.loaded .video__image {
  display: none;
}

.video__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/video-youtube.webp);
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

.productos {
  background-color: #1d1d25;
  color: white;
  margin-block: 3rem;
}
.contenedor__productos {
  margin-inline: 1rem;
}
.container__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-inline: 0 auto;
}
.container__info h2 {
  padding-block: 3rem 3rem;
  font-family: "Outfit", sans-serif;
  max-width: 500px;
}
.container__info p {
  font-size: 16px;
  max-width: 500px;
}
.container__tarjetas {
  padding-block: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  align-items: center;
}
.container__tarjeta {
  padding: 2rem 2rem 3rem 2rem;
  max-width: 400px;
  transition: all 0.6s ease;
}
.tarjeta1 {
  background-color: white;
  color: black;
}
.tarjeta2 {
  background-color: #f6d918;
  color: black;
}
.tarjeta3 {
  background-color: #686868;
  color: white;
}
.tarjeta1:hover {
  background-color: black;
  color: white;
}
.tarjeta2:hover {
  background-color: white;
  color: black;
}
.tarjeta3:hover {
  background-color: black;
  color: white;
}
.container__tarjeta:hover .icono_blanco {
  fill: white;
  transition: all 0.6s ease;
}

.container__tarjeta .icono_blanco-store {
  fill: white;
}
.container__tarjeta .icono__tarjeta {
  width: 2.4rem;
  height: auto;
  transition: all 0.6s ease;
}

.container__tarjeta h3 {
  margin-block: 1.5rem 1rem;
}
.container__tarjeta p {
  font-size: 16px;
  margin-bottom: 2rem;
}
.container__tarjeta a {
  text-decoration: underline;
  font-size: 14px;
  font-weight: 700;
  color: black;
  cursor: pointer;
}
.tarjeta1:hover a {
  color: white;
}
.tarjeta3 a {
  color: white;
}

/*=============== BENEFICIOS ===============*/
.beneficios {
  padding-top: 1rem;
}
.conteiner__beneficios {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  padding-bottom: 3rem;
  row-gap: 3rem;
}
.beneficios__img {
  max-width: 40rem;
  height: auto;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
  display: flex;
  align-self: center;
  justify-content: center;
}
.beneficios__img img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.beneficios__info {
  /* margin-top: 3rem; */
  display: flex;
  flex-direction: column;
}
.beneficios__info img {
  max-width: 75%;
  display: flex;
  align-self: center;
  margin-bottom: 2rem;
  width: 100%;
  height: auto;
  max-height: 100%;
}
.beneficios__info ul {
  margin-left: 1rem;
  margin-top: 1rem;
}

.beneficios__info-data ul li {
  margin-bottom: 0.5rem;
  column-gap: 0.5rem;
  font-size: 16px;
  margin-left: 1.5rem;
}

.beneficios__info-data {
  max-width: 40rem;
  flex-direction: column;
  display: flex;
  align-self: center;
  padding-inline: 1rem;
}

/*=============== CREDITO ===============*/
.credito {
  background-color: #f6d918;
  display: flex;
}

.container__credito {
  padding-inline: 2rem;
  padding-block: 4rem;
  max-width: 40rem;
  margin: 0 auto;
}
.container__credito h2 {
  font-size: 20px;
  margin-bottom: 2rem;
}
.container__credito p {
  font-size: 16px;
  margin-bottom: 3rem;
  line-height: 2;
}
.b-credito {
  padding: 0.8rem 1.5rem;
  background-color: black;
  color: white;
  border: 1px solid white;
  font-size: 18px;
  font-weight: bold;
  border-radius: 0.5rem;
  transition: all 0.6s ease;
}
.b-credito:hover {
  border-color: black;
}
@keyframes scala {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: translateY(1);
  }
}
.container__credito.ocultar {
  opacity: 0;
}
.container__credito.animar {
  animation: scala 2s;
}

/*=============== TESTIMONIOS ===============*/
.container__clientes {
  padding-block: 3rem 4rem;
  padding-inline: 2rem;
  max-width: 40rem;
  margin: 0 auto;
}
.container__clientes h2 {
  font-size: 20px;
  margin-bottom: 2rem;
}
.container__testimonios {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}

.testimonio img {
  margin-bottom: 2rem;
  width: 70px;
}
.testimonio h3 {
  font-size: 18px;
  font-family: "Outfit", sans-serif;
}
.testimonio h4 {
  font-size: 18px;
  font-family: "Outfit", sans-serif;
  margin: 1rem 0 1rem 1rem;
}
.testimonio h5 {
  margin: 0 0 0 1rem;
  font-weight: normal;
  font-size: 17px;
  color: #666;
}

/*=============== Footer ===============*/
.footer {
  border-top: 1rem solid #f6d918;
}
.footer__principal {
  background-color: black;
  width: 100%;
  padding-inline: 2rem;
}
.container__footer {
  color: white;

  padding-block: 3.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  max-width: 320px;
  margin: 0 auto;
}

.container__footer h2 {
  font-size: 16px;
  letter-spacing: 0.2rem;
  margin-bottom: 1.5rem;
}
.footer__menu ul li {
  list-style: none;
  margin-bottom: 1rem;
}
.footer__menu ul li a {
  color: white;
}
.footer__menu ul li a.dentro {
  color: #edf000;
}
.footer__menu ul li a:hover {
  color: #666;
}
.footer__grupo {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.ubicaciones {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.ubicacion-info {
  margin-top: 0.5rem;
}
.ubicacion {
  line-height: 1.6;
  margin-bottom: 1rem;
}
.ubicacion h3 {
  margin-bottom: 1rem;
  text-transform: capitalize;
  font-size: 16px;
}
.ubicaciones {
  display: inline;
}
.ubicaciones a {
  display: inline;
}
.ubicaciones a h3 {
  color: white;
  font-size: 16px;
  text-transform: capitalize;
  display: inline;
}
.ubicaciones a h3:hover {
  color: #edf000;
}
.ubicacion p {
  font-size: 14px;
}

.footer__grupo .contacto__container .contacto-info {
  line-height: 2;
}
.contacto-info a {
  color: white;
  cursor: pointer;
}
.contacto-info p:first-of-type a:hover {
  color: rgb(0, 208, 130);
}
.iconos__redes {
  display: flex;
  column-gap: 1rem;
}

.icono {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: black;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 25px;
  border-radius: 50%;
  overflow: hidden;
  font-family: "remixicon";
}
.icono__facebook {
  background-color: rgb(65, 88, 208);
}
.icono__instagram {
  background-color: #833ab4;
}

.icono__facebook::before {
  /* content: '\ECBC';
      display: block;
      margin: 13px 0;
      transition: all ease-in-out .3s; */
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background-image: url("../img/Facebook_icon.svg");
  background-size: cover;
  margin: 4px 4.5px;
  transition: all ease-in-out 0.5s;
  background-position: center;
}

.icono__facebook:hover::before {
  margin-top: -50px;
}

.icono__facebook::after {
  /* content: '\ECBC';
      display: block;
      margin: 30px 0;
      transition: all ease-in-out .3s; */
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background-image: url("../img/Facebook_icon.svg");
  background-size: cover;
  margin: 12px 4px;
  transition: all ease-in-out 0.5s;
}

.icono__instagram::before {
  /* content: '\EE66';
      display: block;
      margin: 13px 0;
      transition: all ease-in-out .3s; */
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background-image: url("../img/Instagram_icon.svg");
  background-size: cover;
  margin: 4px 4.5px;
  transition: all ease-in-out 0.5s;
  background-position: center;
}

.icono__instagram:hover::before {
  margin-top: -50px;
}

.icono__instagram::after {
  /* content: '\EE66';
      display: block;
      margin: 30px 0;
      transition: all ease-in-out .3s; */
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background-image: url("../img/Instagram_icon.svg");
  background-size: cover;
  margin: 12px 4px;
  transition: all ease-in-out 0.5s;
}
.footer__derechos {
  text-align: center;
  margin-block: 1.2rem;
  letter-spacing: 3px;
  font-size: 11px;
  font-weight: bold;
}
.selected-footer:hover {
  color: #f8dd2e;
}
/* --------BOTON WHATSAPP---------- */
.btn-ws {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  background-color: white;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.btn-ws img {
  border-radius: 50%;
  /* fill:#25D366; */

  filter: invert(55%) sepia(56%) saturate(563%) hue-rotate(90deg)
    brightness(106%) contrast(100%);
}
.btn-ws img:hover {
  /* fill:#18813f; */
  filter: brightness(0) saturate(100%) invert(38%) sepia(68%) saturate(551%)
    hue-rotate(90deg) brightness(89%) contrast(87%);
}

/*=============== MODAL ===============*/
.modal::backdrop {
  background-color: rgba(0, 0, 0, 0.4);
}
.modal {
  box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 15px;
  border: none;
  position: fixed;
  margin: auto;
}
.modal a {
  max-width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
.modal a img {
  width: 100%;
  height: auto;
  max-height: 85vh;
  position: relative;
}
.modal button {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 2px;
  right: 3px;
  z-index: 1;
  background-color: white;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 15px;
  cursor: pointer;
}
.modal button svg {
  position: absolute;
  display: flex;
  width: 30px;
  justify-self: center;
  align-self: center;
  top: 0px;
  right: 0px;
}
/* -------------PAGINA NOSOTROS----------------------*/
/* ---------ADQUIERE UN CREDITO Y RENOVAR VEHICULO DE SERVICIOS------------*/
.container__aCredito,
.container__rCredito {
  background-color: #1d1d25;
  padding-inline: 2rem;
}
.aCredito__info,
.rCredito__info {
  padding-block: 3rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.aCredito__info img,
.rCredito__info img {
  width: 75%;
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.aCredito__info h1,
.rCredito__info h1 {
  color: white;
  font-family: "Outfit", sans-serif;
}
.aCredito__img,
.rCredito__img {
  background-color: white;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
.aCredito__img img,
.rCredito__img img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.aCredito__img p {
  padding: 2rem 2rem;
  font-size: 14px;
  line-height: 1.6;
  color: #666;
}
.rCredito__img-p {
  padding: 2rem 2rem 2rem 2rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.rCredito__img p {
  font-size: 14px;
  line-height: 1.6;
  color: #666;
}

/* ---------NUESTRA HISTORIA------------*/
.container-nHistoria {
  padding-top: 1.5rem;
  padding-inline: 2rem;
  margin-block: 4rem;
}
.nHistoria-imgs {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 3rem;
  overflow: hidden;
}
.nHistoria-imgs .container-img1 {
  position: absolute;
}
.img1 {
  width: 80%;
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.nHistoria-imgs .container-img2 {
  position: relative;
  top: 0;
  left: 35%;
  padding-top: 30%;
}
.img2 {
  width: 65%;
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
.nHistoria-info {
  font-family: "Outfit", sans-serif;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  font-size: 14px;
}
.nHistoria-info h2 {
  margin-bottom: 0.5rem;
}
.nHistoria-info p {
  color: #666;
  line-height: 1.6;
}
/* ---------LINEA DE TIEMPO------------*/
.container-lTiempo {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  padding-bottom: 6rem;
}
.lTiempo {
  padding-inline: 2rem;
}
.anio {
  display: flex;
  column-gap: 1rem;
}
.anio-group {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.anio-groups {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.info-anios h2 {
  font-size: 20px;
  margin-bottom: 2rem;
}
.info {
  display: flex;
  flex-direction: column;
  line-height: 1.8;
}

.info p {
  margin-bottom: 1rem;
}
.info h3 {
  font-size: 28px;
  font-weight: 800;
}
.anios-icon svg {
  width: 35px;
  height: 35px;
  margin-top: 8px;
}
.lTiempo-img {
  max-width: 40rem;
  height: auto;
}
.lTiempo-img img {
  width: 100%;
  height: auto;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

/* ---------NUESTRO EQUIPO------------*/
.nEquipo {
  padding-inline: 2rem;
  background-color: #1d1d25;
}

.container-nEquipo {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 4rem;
}
.container-logoEquipo {
  width: 75%;
  margin-block: 5rem 3rem;
}
.container-logoEquipo img {
  width: 100%;
  height: auto;
}
.container-nEquipo h2 {
  color: white;
  margin-bottom: 3rem;
}
.img-eTarjeta {
  width: 100%;
}
.img-eTarjeta img {
  width: 100%;
  height: auto;
}
.container-eTajetas {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.container-eTajeta {
  background-color: white;
}
.group-tEquipo,
.group-tEquipos {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.container-eTajeta h3 {
  font-weight: 700;
  font-size: 18px;
  padding: 1rem 1.5rem 1rem;
}
.container-eTajeta p {
  font-weight: 700;
  font-size: 14px;
  padding: 0rem 1.5rem 1.5rem;
  color: #666666;
}

/* -------------PAGINA SERVICIOS----------------------*/
/* ---------TIPOS DE SERVICIOS------------*/
.tServicios {
  padding-inline: 2rem;
  padding-block: 3rem 3rem;
}
.container-tservicios {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.tServicios-group img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tServicios-group h1 {
  margin-block: 2rem 1rem;
  font-weight: 800;
  font-size: 20px;
  line-height: 1;
}
.tServicios-group h2,
.tServicios-group p {
  font-size: 18px;
  margin-bottom: 1rem;
}
.tServicios-group a {
  color: #0077cc;
  font-weight: bold;
  text-decoration: underline;
}
/* -------------PAGINA SERVICIOS Crédito de Vehículo----------------------*/

/* ---------BANNER FORMULARIO - CREDITO COMPRA------------*/
.cCompra {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(../img/banner_form.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: white;

  padding-block: 4rem 1rem;
}
.container-cCompra {
  max-width: 525px;
  margin: auto;
}
.cCompra-info {
  padding-inline: 2rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  margin-bottom: 2rem;
}
.cCompra-info h1,
.cCompra-info h2 {
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.cCompra-info h2 {
  font-size: 18px;
  font-weight: normal;
}
/* .cCompra-info h4{
  font-size: 18px;
} */
.info-logo {
  width: 100%;
  height: auto;
  max-width: 30rem;
  margin-bottom: 1rem;
}
.info-logo img {
  width: 100%;
  height: 100%;
}
.container-form {
  max-width: 519px;
  height: auto;
}

/* ---------PRIMERA FRANJA AMARILLA------------*/
.pfa {
  padding-inline: 2rem;
  padding-block: 3rem;
  background-color: #f6d918;
}
.container-pfa {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 2rem;
}
.item-pfa {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 2rem;
}
@keyframes aparecer1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.item-pfa.ocultar {
  opacity: 0;
}
.item-pfa.animar {
  animation: aparecer1 1.8s;
}
.item-pfa p {
  font-weight: bold;
  text-align: center;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.item-pfa svg {
  width: 35px;
  height: 35px;
}

/* ---------BENEFICIOS CREDITO------------*/
.bCredito {
  padding-inline: 2rem;
  padding-block: 4rem;
}
.bCredito h2 {
  margin-bottom: 3rem;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.bCredito-groups {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.bCredito-group {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.nCredito-item {
  display: flex;
  flex-direction: column;
}
.nCredito-item h3 {
  margin-block: 2rem 1rem;
  line-height: 1.4;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.nCredito-item p {
  color: #666;
  line-height: 1.6;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.nCredito-item svg {
  width: 60px;
  height: 60px;
}
.nCredito-item svg.ocultar {
  opacity: 0;
}

.nCredito-item svg.animar {
  animation: rebote 0.5s alternate both ease-in;
}
@keyframes rebote {
  0% {
    opacity: 0;
    transform: translateX(40%) scale(1);
  }
  33% {
    opacity: 1;
    transform: translateX(5%) scale(1.1);
  }
  66% {
    opacity: 1;
    transform: translateX(25%) scale(1.1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%) scale(1);
  }
}
/* ---------SEGUNDA FRANJA AMARILLA------------*/
.sfa {
  background-color: #ffe900;
  padding-inline: 2rem;
}
.sfa h2 {
  padding-block: 2rem;
  text-align: center;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
/* ---------ESTUDIO DEL CREDITO Y ESTUDIO CREDITO PERSONALIZADO------------*/
.esCredito,
.esCreditoP {
  padding-inline: 2rem;
  padding-block: 4rem;
}
.container-esCredito,
.container-esCreditoP {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.esCredito-info h2,
.esCreditoP-info h2,
.tarjeta-info h2 {
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}

.esCreditoP-info h2 {
  margin-top: 2rem;
}
.esCredito-info p,
.esCreditoP-info p,
.tarjeta-info p {
  padding-top: 1.5rem;
  color: #666;
  line-height: 1.6;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.esCredito-img {
  width: 100%;
  max-width: 100%;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
.esCreditoP-img.img-center img {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
.esCreditoP-img {
  width: 100%;
  max-width: 100%;
}
.esCredito-img img,
.esCreditoP-img img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}

/* ---------TERCERA FRANJA AMARILLA------------*/
.tfa {
  background-color: #ffe900;
  padding-inline: 2rem;
}
.tfa h2 {
  padding-block: 2rem;
  text-align: center;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
/* ---------DOCUMENTACION REQUERIDA------------*/
.dRequerida {
  padding-inline: 2rem;
  padding-block: 3.5rem 2.5rem;
}

.container-dRequerida {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.dRequerida-info p {
  padding-top: 1.5rem;
  color: #666;
  line-height: 1.6;
}
.dRequerida-info h2,
.dRequerida-info p {
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.dRequerida-img {
  width: 100%;
  max-width: 100%;
}
@keyframes rotacion {
  0% {
    transform: translateY(3rem) rotate(10deg);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem) rotate(0deg);
  }
}
.dRequerida-img img.ocultar {
  opacity: 0;
}
.dRequerida-img img.animar {
  opacity: 1;
  animation: rotacion 1.3s alternate ease-in-out;
}

.dRequerida-img img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}
/* ---------acordeon------------*/
/* .acordeon{
  padding: 2em;
  
}    */

.acordeon .bloque {
  border: 1px solid black;
  margin-bottom: 3.82%;
  padding: 20px;
  background-color: #f4f4f4;
  transition: all 1s ease;
  position: relative;
}
.acordeon .h3 {
  cursor: pointer;
  font-size: 16px;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.acordeon svg {
  position: absolute;
  right: 15px;
  width: 20px; /* Ajusta el tamaño del icono según tus necesidades */
  height: 20px; /* Ajusta el tamaño del icono según tus necesidades */
  top: 30px;
  margin-top: -8px; /* La mitad de la altura del icono */
  fill: #ccc;
  display: block;
  animation: hide-svg 1s forwards;
}
.acordeon .bloque.active svg {
  display: none;
}
@keyframes hide-svg {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.acordeon .contenido {
  background-color: #f4f4f4;
  height: 100%;
  max-height: 0;
  padding: 0em;
  overflow: hidden;
  line-height: 1.7em;
  transition: all 1s ease;
}
.acordeon .contenido p:first-of-type {
  margin-top: 1rem;
}
.acordeon .contenido p {
  margin-bottom: 1rem;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.acordeon .bloque.active .contenido {
  height: 100%;
  max-height: 30rem;
  background-color: white;
}

.acordeon .bloque.active {
  background-color: white;
}

/* ---------SEGUROS------------*/
.seguros {
  padding-inline: 2rem;
  padding-block: 0rem 3rem;
}
.seguros h2 {
  text-align: center;
  margin-bottom: 2rem;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.container-seguros {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.seguros-item {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.seguros-item h3 {
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.seguros-item p {
  line-height: 1.8;
  color: #666;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}

/* ---------CUARTA FRANJA AMARILLA------------*/
.cfa {
  padding-inline: 2rem;
  padding-block: 2rem;
  background-color: #ffe900;
}

.container-cfa {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 2rem;
}
.container-cfa a svg {
  width: 20rem;
  max-width: 100%;
  height: auto;
}
.container-cfa a svg.ocultar {
  opacity: 0;
}
.container-cfa a svg.animar {
  animation: ws 1.3s alternate ease-in-out;
}
@keyframes ws {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }

  20% {
    transform: scale(1);
  }

  40% {
    transform: scale(1.1);
  }

  60% {
    transform: scale(1);
  }

  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/* ---------SLAIDER------------*/
.aliados {
  padding-inline: 2rem;
  padding-block: 3rem;
}
.aliados h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 2rem;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.container-aliados {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.container-items {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.container-flechas {
  padding-inline: 2rem;
  position: relative;
}
.mySlides {
  flex-direction: column;
  row-gap: 2rem;
  justify-content: center;
  align-items: center;
  min-height: 238px;
}
.mySlides .img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  /* min-height: 194px;
  width: 10rem; */
}
.mySlides .img img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.mySlides p {
  color: black;
}
@keyframes aparecer-X {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.mySlides .img img.ocultar {
  opacity: 0;
}
.mySlides .img img.animar {
  animation: aparecer-X 1.5s;
}
.mySlides p {
  flex: 1;
  text-align: center;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
  line-height: 1.8;
}
@keyframes aparecerX {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.mySlides p.ocultar {
  opacity: 0;
}
.mySlides p.animar {
  animation: aparecerX 1.5s;
}
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: black;
  font-weight: bold;
  font-size: 26px;
  transition: 0.6 ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.next {
  right: -14px;
  border-radius: 3px 0 0 3px;
  visibility: hidden;
  transition: all 0.3s ease;
  animation: siguienteN 0.5s ease-out;
}
.prev {
  left: -14px;
  visibility: hidden;
  transition: all 0.3s ease;
  animation: previoN 0.5s ease-out;
}

.container-flechas:hover .prev {
  animation: previo 0.5s ease-out;
  visibility: visible;
}
.container-flechas:hover .next {
  animation: siguiente 0.5s ease-out;
  visibility: visible;
}
@keyframes previo {
  0% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes previoN {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    transform: translateX(-20px);
  }
}
@keyframes siguiente {
  0% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes siguienteN {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    transform: translateX(20px);
  }
}

.elements {
  text-align: center;
}
.quadrate {
  cursor: pointer;
  height: 12px;
  width: 12px;
  margin: 0 2px;
  background-color: hsl(0, 1%, 67%);
  display: inline-block;
  transition: background-color 0.6s ease;
  border-radius: 50%;
}
.active,
.quadrate:hover {
  background-color: black;
}
/* --------TESTIMONIO SERVICIO---------- */
.tServicio {
  padding-inline: 2rem;
  padding-block: 0rem 3rem;
}
.container-tServicio {
  background-color: #f2e600;
  padding: 2rem 2rem 3rem 2rem;
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}
.tServicio-item {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.tServicio-item h1 {
  font-size: 25px;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}
.tServicio-item h2 {
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
  font-size: 20px;
  color: black;
}
/* ----------------------BLOG---------------------- */
/* -----FRANJA BLOG------- */
.fBlog {
  background-color: #1d1d25;
  color: white;
  padding-inline: 2rem;
  padding-block: 4rem;
  text-align: center;
}
/* -----SEGURIDAD FINANCIERA------- */

.container-sFinaciera {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url(../img/prestamos-sobre-vehiculos.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: white;
  padding: 2rem;
}
.sFinanciera-info {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.sFinanciera-info.animar {
  animation: aparecer-Y 1.5s;
}
@keyframes aparecer-Y {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.sFinanciera-info a {
  align-self: flex-start;
  max-width: fit-content;
  padding: 1rem 1.5rem;
  color: black;
  background-color: white;
  font-weight: bold;
  transition: all 1s ease-in-out;
  position: relative; /* Agrega esta propiedad para que funcione el posicionamiento del span */
}

.sFinanciera-info a span {
  display: inline-block;
  transition: transform 0.5s ease-in-out; /* Agrega la transición aquí también para el span */
}

.sFinanciera-info a:hover span {
  transform: translateX(5px);
}

/* -----BLOGS------ */
.blogs {
  padding-inline: 2rem;
  padding-block: 3rem 0rem;
}
.blog-img {
  width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}
.blog-img img {
  width: 100%;
  height: auto;
  display: block;
}
.blogs-item {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  margin-bottom: 3rem;
}

.blogs-item h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  color: black;
}
.blogs-item p {
  font-family: "Open Sans", sans-serif;
  line-height: 1.6;
}
.blogs-group1 .Eanterior,
.blogs-group2 .Esiguiente {
  font-weight: bold;
  font-size: 18px;
  font-family: "Outfit", sans-serif;
  color: black;
  text-decoration: underline;
}
.blogs-group1 .Eanterior {
  display: flex;
  justify-content: end;
}
.blogs-group1,
.blogs-group2 {
  margin-bottom: 4rem;
  transition: opacity 0.8s ease-in-out;
  opacity: 1;
}
.blogs-group1 {
  display: block;
}
.blogs-group2 {
  display: none;
}
/* ----------------------BLOGS GENERAL---------------------- */
/* -----------BANNER GENERAL--------- */
.bannerG {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
/* -----------BANNER Bft--------- */
.bannerBft {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/Beneficios-flota-de-taxis.webp);
}
/* -----------BANNER CMNCT--------- */
.bannerCmnct {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/Consejos-para-mejorara-tu-negocio-como-conductor-de-taxi.webp);
}
/* -----------BANNER ISF--------- */
.bannerIsf {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/Seguridad-financiera.webp);
}
/* -----------BANNER NAPA--------- */
.bannerNapa {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/Recaudo.webp);
}
/* -----------BANNER QSTR--------- */
.bannerQstr {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/Seguro-todo-riesgo.webp);
}
/* -----------BANNER Drcf--------- */
.bannerDrcf {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/Derechos-y-responsabilidades.webp);
}
/* -----------BANNER Qccr--------- */
.bannerQccr {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/codeudores-creditos-taxistas.webp);
}
/* -----------BANNER Qsct--------- */
.bannerQsct {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/Qué-es-un-seguro-Características-y-tipos.webp);
}
/* -----------BANNER Lshc--------- */
.bannerLshc {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/Lo-que-debes-saber-sobre-el-historial-crediticio.webp);
}
/* -----------BANNER QTI--------- */
.bannerQti {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/Qué-es-la-tasa-de-interés.webp);
}

/* -----------BANNER TDCLI--------- */
.bannerTdcli {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/todo-lo-que-debes-saber-de-un-credito-de-libre-inversion.webp);
}

/* -----------BANNER Botc--------- */
.bannerBotc {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/assets/img/beneficios-taxi-a-credito-avacreditos.webp);
}
/* -----------BANNER Tspv--------- */
.bannerTspv {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)),
    url(/assets/img/prestamos-sobre-vehiculos.webp);
}
.container-info {
  display: flex;
  justify-content: center;
}

.container-bloqueinfo {
  /* background-color: black; */
  color: white;
  padding: 4rem 2rem 7rem 2rem;
  /* margin-block: 20rem; */
}
.fechaG {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}
.fechaG svg {
  width: 1.5rem;
}
.fechaG p {
  font-weight: bold;
}
.container-bloqueinfo h1 {
  color: #00c9c9;
  font-size: 18px;
  margin-bottom: 2rem;
  /* text-align: center; */
}
.container-bloqueinfo h2 {
  font-size: 23px;
  margin-bottom: 1.5rem;
}
/* -----------INFO GENERAL--------- */
.infoGeneral {
  padding-inline: 2rem;
  padding-block: 4rem;
  background-image: linear-gradient(
    180deg,
    #f0f3fb 0%,
    rgba(255, 255, 255, 0) 50%
  );
}
.container-infoGeneral ol li span {
  font-weight: bold;
  font-size: 19px;
}
.container-infoGeneral ol li p {
  margin-top: 1rem;
  text-align: justify;
}
.container-infoGeneral ul li ol {
  margin-top: 1rem;
}
.custom-list {
  list-style: none;
  counter-reset: my-counter;
}
.custom-list-item::before {
  counter-increment: my-counter;
  content: counter(my-counter) ". ";
  font-weight: bold;
}
.custom-list-item.jump::before {
  counter-increment: my-counter 3;
  content: counter(my-counter) ". ";
}
.container-infoGeneral ul,
.container-infoGeneral ol {
  margin-left: 1.2rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  text-align: justify;
  line-height: 1.6;
}
.container-infoGeneral ol {
  margin-left: 0;
}

.container-infoGeneral {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.container-infoGeneral p {
  line-height: 1.6;
  text-align: justify;
}
.container-infoGeneral a {
  color: #1d4eff;
  font-weight: bold;
}
.container-infoGeneral h1 {
  margin-block: 2rem 0.5rem;
  color: #0f1154;
}
.botonBlog {
  align-self: flex-start;
  max-width: fit-content;
  padding: 1rem 1.5rem;
  color: black;
  background-color: white;
  font-weight: bold;
  transition: all 1s ease-in-out;
  position: relative;
  border: 2px solid #1d4eff;
  font-size: 18px;
  margin-top: 1.5rem;
}

.botonBlog:hover {
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.botonBlog span {
  display: inline-block;
  transition: transform 0.5s ease-in-out;
  font-size: 12px;
  margin-left: 0.3rem;
}

.botonBlog:hover span {
  transform: translateX(5px);
}
.espacio-blog {
  margin-top: 1rem;
}
/* -----------ARTICULOS RELACONADOS ISF--------- */
.articulosR-isf {
  padding-inline: 2rem;
  padding-bottom: 4rem;
  background-image: linear-gradient(180deg, #f0f3fb 32%, #f0f3fb 100%);
}
.articulosR-isf h1 {
  text-align: center;
  font-size: 34px;
  padding-block: 4rem;
  color: #0f1154;
}
.container-articulosInfo {
  padding: 1rem;
  background-color: white;
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}
.container-articulosInfo h3 {
  color: #1d4eff;
}
.articulosInfo-item {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  flex: 1;
}
.articulosInfo-item h2 {
  color: black;
}
.articulosInfo-item a:first-of-type {
  margin-bottom: 1.4rem;
}
.container-articulosInfo_img {
  position: relative; /* Asegura que la capa ::after se posicione correctamente */
  width: 100%;
  height: auto;
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
  background-color: white;
}

/* Agregar una capa ::after que cubra toda la imagen */
.container-articulosInfo_img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* Color de fondo con opacidad */
  opacity: 0; /* Inicialmente la capa no es visible */
  transition: opacity 0.3s; /* Agregar una transición suave al cambiar la opacidad */
}

/* Al hacer hover sobre el contenedor, muestra la capa ::after */
.container-articulosInfo_img:hover::after {
  opacity: 1; /* Hacer la capa completamente visible al hacer hover */
}

.container-articulosInfo_img img {
  width: 100%;
  height: auto;
  display: block;
}

/* ----------------------CONTACTO---------------------- */
/* -----BANNER------- */
.banner-contact {
  min-height: 25rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)),
    url(../img/taxista-taxi-comprar-credito-servicios.webp);
  background-position: center;
  background-size: cover;
}
.banner-contact h1 {
  color: white;
  font-size: 30px;
}

/* -----INFO Y UBICACION------- */
.infoContacto {
  padding-inline: 2rem;
  margin-block: 4rem 3rem;
}
.redes-item {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.redes-group {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.info-contacto {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.redes-item_icons {
  display: flex;
  column-gap: 1.5rem;
}
.info-infoContacto {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  margin-bottom: 2rem;
}
.ubicacion-item {
  margin-bottom: 1.5rem;
}
.ubicacion-item h2 {
  margin-bottom: 0.8rem;
}

/* -----MAP------- */
.info-map {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}
.info-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* -----imagenes contacto------- */
.img-contacto {
  display: none;
  padding-inline: 2rem;
  flex-direction: column;
  row-gap: 2rem;
  margin-bottom: 3rem;
}
.containerContacto-img {
  width: 100%;
  height: auto;
}
.containerContacto-img img {
  width: 100%;
  height: auto;
  display: block;
}
.container_info--Botc li{
  font-size: 19px;
}
/* --------RESPONSIVE---------- */
@media screen and (max-width: 450px) {
  .simulador__container {
    flex-wrap: wrap;
    column-gap: 8rem;
    row-gap: 2rem;
    justify-content: center;
  }
}
@media screen and (min-width: 480px) {
  .container__footer {
    padding-block: 3.5rem;
    row-gap: 2rem;
    max-width: 600px;
    margin: 0 auto;
  }
  .footer__menu,
  .footer__ubicaciones,
  .contacto__container,
  .redes {
    flex: 1;
  }

  .footer__grupo {
    display: flex;
    flex-direction: row;
    column-gap: 3rem;
  }
}

@media screen and (max-width: 1000px) {
  .container__menu {
    height: 40px;
    padding: 0px 20px;
    z-index: 100;
    display: flex;
    justify-content: center;
  }
  nav > ul {
    flex-direction: column;
    align-items: baseline;
    background-color: rgb(42, 41, 41);
    border-top: 3px solid #f8dd2e;
    position: fixed;
    top: 35px;
    left: 0;
    width: 97%;
    height: 0px;
    transition: all 0.8s ease;
    opacity: 0;
    visibility: hidden;
    padding-block: 1rem;
  }
  #check__menu:checked ~ nav > ul {
    height: 28rem;
    visibility: visible;
    opacity: 1;
    transition: all 0.8s ease;
  }
  nav ul li {
    list-style: none;
    margin: 1.5rem 0.5rem 1.5rem 2.3rem;
  }
  nav ul li a {
    font-weight: bold;
    font-size: 16px;
  }
}
@media screen and (min-width: 1000px) {
  .menu {
    max-width: 1200px;
    margin: auto;
    height: 100%;
  }
  nav {
    height: 100%;
    display: flex;
    justify-content: space-between;
  }
  .label__container {
    display: none;
  }
  .nav__logo {
    display: flex;
    align-items: center;
  }
  .nav__logo img {
    width: 125px;
  }
  nav > ul {
    height: 100%;
    display: flex;
    gap: 2rem;
  }
  nav > ul > li {
    height: 100%;
    /* list-style: none; */
    position: relative;
  }
  nav > ul > li > a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
  }

  .a-servicios {
    display: flex;
    gap: 0.3rem;
  }
  .svg__flecha {
    width: 20px;
    display: flex;
    align-self: center;
  }
  /* --------SUB-MENU---------- */
  nav ul li ul {
    width: 250px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: black;
    border-top: 3px solid #f8dd2e;
    top: 40px;
    left: -6px;
    padding: 2rem 2rem;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    /* list-style: none; */
    transition: all 0.8s ease;
  }
  nav ul li:hover ul {
    visibility: visible;
    opacity: 1;
  }
  nav ul li ul a {
    color: white;
  }

  .a-servicios i {
    display: inline;
  }
  .icon__menu {
    display: none;
  }
  .button {
    margin: 0;
    padding: 0.7rem 0.7rem;
    font-size: 18px;
  }
  .simulador__container {
    max-width: 1200px;
    margin: auto;
    flex-direction: row;
    justify-content: space-between;
    padding-block: 2rem 1rem;
  }
  .iconos__credito {
    justify-content: center;
  }
  .icono__credito {
    width: 80px;
    margin: 0rem;
  }
  .bg__img {
    justify-content: right;
    /* top: -35px; */
    background-image: url(../img/bg_conductor_formulario_home.webp);
  }
  .container__form {
    max-width: 1080px;
    margin-inline: auto 20%;
  }

  .solicitud__container {
    max-width: 1200px;
    justify-content: space-between;
    margin: 0 auto;
    flex-direction: row;
    align-items: center;
    padding: 3rem 0 0 0;
    gap: 0;
  }
  .solicitud__description img {
    width: 100%;
  }
  .solicitud__description h2 {
    font-size: 32px;
    text-align: left;
  }
  .solicitud__description p {
    text-align: start;
    font-size: 18px;
  }
  .solicitud__description {
    flex: 1;
    align-items: start;
  }
  .solicitud__img {
    max-width: 100%;
    height: auto;
    margin-left: 3rem;
    flex: 1;
  }
  .solicitud__img img {
    width: 100%;
    height: auto;
    display: block;
  }
  .contadores {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-block: 2rem;
  }
  .contador__cantidad {
    font-size: 46px;
    margin-bottom: 1.2rem;
  }
  .video__container {
    max-width: 1200px;
    margin: 0 auto;
  }

  .container__info {
    flex-direction: row;
    column-gap: 2rem;
    flex: 1 1;
    max-width: 1200px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding-top: 2rem;
  }
  .container__info p {
    flex: 1;
    font-size: 15px;
  }
  .container__info h2 {
    flex: 1;
    font-size: 44px;
  }
  .container__tarjetas {
    display: flex;
    flex-direction: row;
    max-width: 1240px;
    margin: 0 auto;
    /* gap: 3rem; */
  }
  .container__tarjeta {
    flex: 1;
  }
  .container__tarjeta a {
    font-size: 16px;
  }
  .conteiner__beneficios {
    flex-direction: row;
    gap: 4rem;
    margin: 0 auto;
    max-width: 1200px;
    flex: 1 1;
    padding: 0;
    padding-bottom: 4rem;
  }
  .beneficios__info {
    flex: 1;
  }
  .beneficios__info h2 {
    font-size: 44px;
    padding-bottom: 1rem;
  }
  .beneficios__info ul {
    margin: 0;
  }
  .beneficios__img {
    flex: 1;
  }
  .beneficios__info-data {
    padding-inline: 0;
  }
  .container__credito {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
    padding-block: 5rem 4rem;
  }
  .container__credito h2 {
    font-size: 44px;
    flex: 1;
    margin: 0;
  }
  .container__credito p {
    flex: 1;
    margin: 0;
    font-size: 16px;
  }
  .credito__enlace {
    flex: 1;
    margin-top: 1rem;
  }
  .container__clientes {
    padding: 0;
    padding-block: 3rem 5rem;
    margin: 0 auto;
    max-width: 1200px;
  }
  .container__testimonios {
    display: flex;
    flex-direction: row;
    gap: 4rem;
  }
  .testimonio {
    flex: 1;
  }
  .container__clientes h2 {
    font-size: 44px;
  }
  .container__clientes h3 {
    font-size: 25px;
  }
  .container__footer {
    max-width: 1200px;
    margin: 0 auto;
    flex-direction: row;
    gap: 3rem;
  }
  .footer__grupo {
    flex: 1;
  }

  /* -----------NOSOTROS PAGINA------------ */
  /* ------ADQUIERE CREDITO Y RENUEVA VEHICULO DE SERVICIOS------- */
  .aCredito,
  .rCredito {
    padding-inline: 2rem;
  }
  .container__aCredito,
  .container__rCredito {
    display: flex;
    flex-direction: row;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0;
  }
  .aCredito__info,
  .rCredito__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .rCredito__info {
    padding-inline: 1rem;
  }
  .aCredito__info h1,
  .rCredito__info h1 {
    font-size: 35px;
  }
  .aCredito__info img,
  .rCredito__info img {
    width: 60%;
    height: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .aCredito__img p,
  .rCredito__img p {
    font-size: 17px;
  }
  .aCredito__img {
    max-width: 40%;
  }
  .rCredito__img {
    max-width: 30%;
  }
  /* .rCredito__info{
    flex: 1;
  }
  .rCredito__img{

  } */

  /* ------NUESTRA HISTORIA------- */
  .nHistoria {
    padding-inline: 2rem;
  }
  .container-nHistoria {
    display: flex;
    flex-direction: row;
    max-width: 1200px;
    margin: 0 auto;
    column-gap: 5rem;
    margin-block: 3.5rem 4rem;
    padding-inline: 0;
  }
  .nHistoria-imgs {
    flex: 1.8;
    display: block;
    position: relative;
    margin: 0;
  }
  .nHistoria-info {
    flex: 1.2;
    display: flex;
    justify-content: center;
  }
  .nHistoria-info h2 {
    font-size: 45px;
  }
  .nHistoria-info p {
    font-size: 17px;
  }
  .img1 {
    width: 80%;
    height: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .img2 {
    width: 65%;
    height: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  /* ---------LINEA DE TIEMPO------------*/

  .container-lTiempo {
    display: flex;
    flex-direction: row;
    max-width: 1200px;
    margin: 0 auto;
    column-gap: 3rem;
  }

  .lTiempo-img {
    max-width: 50rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: auto;
  }
  .lTiempo-img img {
    height: auto;
    width: 100%;
  }
  .anio-group {
    flex-direction: row;
    column-gap: 4rem;
  }
  .anio {
    flex: 1;
  }
  .info-anios h2 {
    font-size: 45px;
    margin-bottom: 4rem;
  }
  /* ---------NUESTRO EQUIPO------------*/
  .container-nEquipo {
    max-width: 1200px;
    margin: 0 auto;
  }
  .container-nEquipo h2 {
    font-size: 45px;
  }
  .container-logoEquipo {
    width: 40%;
    margin-block: 5rem 3rem;
  }
  .group-tEquipo {
    display: flex;
    flex-direction: row;
    column-gap: 3rem;
  }
  .container-eTajeta {
    flex: 1;
  }
  .container-eTajeta.sola {
    background-color: #1d1d25;
  }
  .container-eTajetas {
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
  }
  /* ---------SERVICIOS------------*/
  .tServicios {
    padding-block: 5rem 4rem;
  }
  .container-tservicios {
    flex-direction: row;
    column-gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
  }
  .tServicios-group {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .tServicios-group img {
    max-height: 252px;
  }
  .tServicios-group h1 {
    font-size: 24px;
    margin-bottom: 1.5rem;
    flex: 1;
  }
  .tServicios-group h2 {
    font-size: 20px;
    margin-bottom: 1.5rem;
  }
  .tServicios-group p {
    margin-bottom: 1.5rem;
  }

  /* -------------PAGINA SERVICIOS Crédito de Vehículo----------------------*/
  /* ---------BANNER - FORMULARIO------------*/
  .cCompra {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
      url(../img/banner_form.webp);
    padding-block: 4rem 2rem;
    min-height: 90vh;
  }
  .container-cCompra {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    column-gap: 4rem;
  }
  .container-form {
    display: flex;
    z-index: 0;
  }
  .cCompra-info {
    flex: 1;
    padding-inline: 0rem;
    display: flex;
    justify-content: center;
  }
  .cCompra-info h1 {
    margin-top: 1rem;
    font-size: 42px;
  }
  .cCompra-info h2 {
    font-size: 26px;
  }
  .cCompra-formulario {
    flex: 1;
  }
  /* ---------CREDITO DE VEHICULO------------*/
  .container-pfa {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
  }
  /* ---------BENEFICIOS CREDITO------------*/
  .container-bCredito {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bCredito-group {
    flex-direction: row;
    column-gap: 3rem;
  }
  .bCredito-groups {
    row-gap: 6rem;
    color: #666;
  }
  .container-bCredito h2 {
    font-size: 36px;
    margin-bottom: 4rem;
  }
  .nCredito-item {
    flex: 1;
  }
  /* ---------SEGUNDA FRANJA AMARILLA------------*/

  .sfa h2 {
    font-size: 30px;
  }
  /* ---------ESTUDIO DEL CREDITO------------*/
  .container-esCredito,
  .container-esCreditoP {
    max-width: 1200px;
    margin: 0 auto;
    flex-direction: row;
    column-gap: 3rem;
  }
  .esCredito-info,
  .esCreditoP-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .esCredito-info h2,
  .esCreditoP-info h2 {
    font-size: 32px;
    align-self: first baseline;
  }
  .esCredito-info p,
  .esCreditoP-info p {
    font-size: 16px;
  }
  /* .esCreditoP-img.img-center{
    display: flex;
    align-items: center;
  } */

  /* ---------TERCERA FRANJA AMARILLA------------*/
  .tfa h2 {
    font-size: 30px;
    max-width: 1200px;
    margin: 0 auto;
  }
  /* ---------DOCUMENTACION REQUERIDA------------*/
  .container-dRequerida {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    column-gap: 2rem;
  }
  .dRequerida-img {
    flex: 1;
    padding-right: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .dRequerida-img {
    flex: 1;
  }
  .dRequerida-info h2 {
    font-size: 32px;
  }
  .dRequerida-acordeon {
    flex: 1;
    padding-left: 3rem;
  }
  .acordeon .bloque.active .contenido {
    height: 100%;
    max-height: 18rem;
    background-color: white;
  }
  /* ---------SERVICIOS------------*/
  .seguros {
    padding-block: 2rem 5rem;
  }
  .seguros h2 {
    font-size: 32px;
    margin-bottom: 4rem;
  }
  .container-seguros {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    column-gap: 4rem;
  }
  .seguros-item {
    flex: 1;
  }
  /* ---------CUARTA FRANJA AMARILLA------------*/
  .cfa h2 {
    font-size: 32px;
  }
  .container-cfa {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  .container-cfa a svg {
    width: 15rem;
  }
  /* ---------SLAIDER------------*/
  .aliados {
    padding-block: 6rem;
  }
  .container-aliados {
    max-width: 900px;
    margin: 0 auto;
    row-gap: 0rem;
  }
  .aliados h2 {
    font-size: 32px;
    margin-bottom: 2.5rem;
  }
  .mySlides {
    flex-direction: row;
    column-gap: 2rem;
    min-height: 150px;
  }
  .mySlides p {
    max-width: 600px;
    text-align: left;
  }

  .mySlides .img {
    min-height: 150px;
    width: 20rem;
  }
  .mySlides .img img {
    width: 100%;
    max-height: 5rem;
    max-width: 100%;
  }
  .elements {
    margin-top: 1rem;
  }
  /* .next {
    right: -8px;
  } */
  /* --------TESTIMONIO SERVICIO---------- */
  .tServicio {
    padding-block: 0rem 6rem;
  }
  .container-tServicio {
    flex-direction: row;
    max-width: 1400px;
    margin: 0 auto;
  }
  .tServicio-item {
    flex: 1;
    padding-inline: 4rem;
    padding-block: 4rem;
  }
  .tServicio-item h1 {
    font-size: 38px;
  }
  .tServicio-item h2 {
    font-size: 26px;
  }
  .container-esCreditoP2 {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
  }
  .tarjeta-info h2 {
    align-self: normal;
    font-size: 32px;
  }
  /* ----------------BLOG------------------ */
  /* ------FRANJA BLOG--------- */
  .container-fBlog {
    max-width: 1200px;
    margin: 0 auto;
  }
  .container-fBlog h1 {
    font-size: 50px;
  }
  /* ------SEGURIDAD FINANCIERA--------- */

  .container-sFinaciera {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10rem 10rem;
  }
  .sFinanciera-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    row-gap: 2rem;
  }
  .sFinanciera-info h2 {
    font-size: 32px;
  }
  .sFinanciera-info p {
    font-size: 17px;
  }
  .sFinanciera-info a {
    align-self: auto;
  }

  /* ------BLOGS--------- */
  .container-blogs {
    max-width: 1200px;
    margin: 0 auto;
  }
  .blogs-item {
    flex: 1;
  }

  .blogs-item p {
    margin-top: 1rem;
  }

  .blogs-group {
    display: flex;
    column-gap: 2rem;
  }

  /* ----------------BLOG ISF------------------ */
  /* ------BANNER ISF--------- */
  .container-bloqueinfo {
    background-color: black;
    color: white;
    padding: 3rem 2rem 3rem 2rem;
    margin-block: 13rem;
    max-width: 1000px;
    min-width: 1000px;
  }
  .container-info {
    justify-content: end;
  }
  /* -----------BANNER Bft--------- */
  .bannerBft {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/Beneficios-flota-de-taxis.webp);
  }
  /* -----------BANNER CMNCT--------- */
  .bannerCmnct {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/Consejos-para-mejorara-tu-negocio-como-conductor-de-taxi.webp);
  }

  /* -----------BANNER ISF--------- */
  .bannerIsf {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/Seguridad-financiera.webp);
  }
  /* -----------BANNER Napa--------- */
  .bannerNapa {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/Recaudo.webp);
  }
  /* -----------BANNER Qstr--------- */
  .bannerQstr {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/Seguro-todo-riesgo.webp);
  }
  /* -----------BANNER QSTR--------- */
  .bannerDrcf {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/Derechos-y-responsabilidades.webp);
  }
  /* -----------BANNER Qccr--------- */
  .bannerQccr {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/codeudores-creditos-taxistas.webp);
  }
  /* -----------BANNER Qsct--------- */
  .bannerQsct {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/Qué-es-un-seguro-Características-y-tipos.webp);
  }
  /* -----------BANNER Lshc--------- */
  .bannerLshc {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/Lo-que-debes-saber-sobre-el-historial-crediticio.webp);
  }
  /* -----------BANNER QTI--------- */
  .bannerQti {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/Qué-es-la-tasa-de-interés.webp);
  }

  /* -----------BANNER TDCLI--------- */
  .bannerTdcli {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/Todo-lo-que-debes-saber-de-un-crédito-de-libre-inversión.webp);
  }
  /* -----------BANNER Botc--------- */
  .bannerBotc {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/beneficios-taxi-a-credito-avacreditos.webp);
  }
  /* -----------BANNER Tspv--------- */
  .bannerTspv {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/assets/img/prestamos-sobre-vehiculos.webp);
  }
  .fechaG svg {
    width: 2rem;
  }
  .fechaG p {
    font-weight: bold;
    font-size: 20px;
  }
  .container-bloqueinfo h1 {
    color: #00c9c9;
    font-size: 32px;
    margin-bottom: 1.5rem;
    /* text-align: center; */
  }
  .container-bloqueinfo h2 {
    font-size: 60px;
    margin-bottom: 2rem;
  }
  /* -----------INFO ISF--------- */
  .infoGeneral {
    padding-inline: 2rem;
    padding-block: 0rem;
  }
  .container-infoGeneral ul {
    margin-left: 1.2rem;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    font-size: 19px;
  }
  .container-infoGeneral p {
    font-size: 19px;
    text-align: justify;
  }
  .container-infoGeneral {
    max-width: 1000px;
    margin: 0 auto;
    background-color: white;
    padding: 6rem;
  }
  .container-infoGeneral h1 {
    font-size: 30px;
  }

  /* -----------ARTICULOS RELACONADOS ISF--------- */
  .articulosR-isf {
    background-image: linear-gradient(
      180deg,
      #ffffff 1%,
      rgba(198, 203, 244, 0.75) 49%,
      rgba(255, 255, 255, 0) 100%
    );
    padding-bottom: 6rem;
  }
  .articulosR-isf h1 {
    padding-top: 0rem;
    font-size: 55px;
  }
  .container-articulosInfo {
    padding: 4rem;
  }
  .container-articulosInfo {
    flex-direction: row;
    column-gap: 4rem;
    max-width: 1200px;
    margin: 0 auto;
  }
  .articulosInfo-item a {
    /* flex: 1; */
  }

  /* ----------------------CONTACTO---------------------- */

  /* -----BANNER------- */
  .banner-contact {
    min-height: 30rem;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)),
      url(../img/banner_contacto.webp);
  }

  .banner-contact h1 {
    font-size: 50px;
  }

  /* -----INFO Y UBICACION------- */
  .infoContacto {
    max-width: 1300px;
    margin: auto;
    padding-block: 2rem;
  }

  .info-infoContacto {
    margin: 0;
  }

  .ubicacion-item {
    margin-bottom: 0;
    flex: 1;
  }

  .container-infoContacto {
    display: flex;
    column-gap: 2rem;
    margin-block: 4rem;
    padding: 0;
  }

  .redes-group {
    flex-direction: row;
    column-gap: 2rem;
  }
  .redes-item {
    flex: 1;
  }
  .info-ubicacion {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
  }
  .ubicacion-group {
    display: flex;
    flex-direction: row;
    column-gap: 2rem;
  }
  .info-map,
  .info-infoContacto {
    flex: 1;
  }
  .ubicacion-item h2 {
    font-size: 20px;
  }

  /* -----MAP------- */
  .info-map {
    position: relative;
    width: 100%;
    padding-bottom: 0;
  }
  .info-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* -----IMGS CONTACTO------- */
  .img-contacto {
    display: flex;
    flex-direction: row;
    column-gap: 2rem;
    max-width: 1300px;
    margin: auto;
    margin-bottom: 5rem;
  }
  .containerContacto-img {
    flex: 1;
    width: 100%;
    max-width: 100%;
  }
  .containerContacto-img img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
}