@import url("../banners/banner.css");
@import url("../formulario/form.css");
.contacto {
  position: relative;
  width: 100%;
  margin: 0 auto 30px auto;
}
.contacto .information h2 {
  color: var(--color-primary);
  font-size: var(--subtitle);
}
@media (max-width: 1050px) {
  .contacto .information h2 {
    text-align: center;
  }
}
.contacto .information p {
  font-size: var(--text);
  font-weight: 500;
  color: #000;
}
@media (max-width: 1050px) {
  .contacto .information p {
    text-align: center;
  }
}
.contacto .information > div {
  flex-wrap: nowrap;
}
.contacto .information > div svg {
  width: 32px;
  height: 32px;
  stroke: #008795;
  stroke-width: 1.5;
}
@media (max-width: 520px) {
  .contacto .information > div svg {
    width: 28px;
    height: 28px;
  }
}
.contacto .information > div span {
  display: flex;
  width: 80%;
  max-width: 350px;
  color: #000;
  font-size: var(--text);
  font-weight: 600;
}
.contacto .information > div.tel svg {
  stroke-width: 3;
}

.ubication h2 {
  font-size: var(--subtitle);
  color: var(--color-primary);
  text-align: center;
}
.ubication p {
  font-size: var(--text);
  font-weight: 500;
  color: #000;
  text-align: center;
}/*# sourceMappingURL=index.css.map */