.container-abc.main_template_contacto {
  background-color: var(--primary-color);
  max-width: 100%;
}

.contact {
  margin-top: 0px;
  padding-top: 2px;
}
.contact h2 {
  margin-bottom: 32px;
  color: var(--color-categories-title, #000);
  font-weight: var(--font-weight-categories-title, 400);
  text-align: center;
}
.contact .contact-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 60px;
  gap: 90px;
}
.contact .contact-box .line {
  height: auto;
  width: 1px;
  background: rgba(165, 168, 172, 0.2509803922);
  align-self: stretch;
}
.contact .contact-box .c {
  width: 50%;
}
.contact .contact-box .c .banner_principal {
  width: 100%;
}
.contact .contact-box .c .st {
  color: var(--primary-color);
  font-weight: 500;
  margin-bottom: 40px;
  text-align: center;
  color: white;
}
.contact .contact-box .c .service-client {
  color: var(--color-enlace);
  font-size: 24px;
}
.contact .contact-box .c .form #mensajeExito {
  color: var(--color-success);
  font-weight: 500;
}
.contact .contact-box .c .form .r {
  display: flex;
  gap: 10px;
  width: 100%;
}
.contact .contact-box .c .form .r .error {
  color: var(--color-error);
  position: relative;
  top: -8px;
  line-height: 16px;
  font-size: 10px;
}
.contact .contact-box .c .form .r .input-wrapper {
  width: 100%;
  flex: 1;
}
.contact .contact-box .c .form .r input,
.contact .contact-box .c .form .r select,
.contact .contact-box .c .form .r textarea {
  width: 100%;
  flex: 1;
  border: 1px solid #DCE1E8;
  background: #fcfcfc;
  appearance: none;
  height: 56px;
  margin-bottom: 12px;
  padding: 0 15px;
  min-height: 40px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--primary-color);
}
.contact .contact-box .c .form .r input::placeholder,
.contact .contact-box .c .form .r select::placeholder,
.contact .contact-box .c .form .r textarea::placeholder {
  color: var(--primary-color);
  opacity: 0.4;
}
.contact .contact-box .c .form .r .container_selct {
  position: relative;
  width: 100%;
}
.contact .contact-box .c .form .r .container_selct svg {
  position: absolute;
  top: 44%;
  right: 20px;
  transform: translateY(-50%);
  pointer-events: none;
}
.contact .contact-box .c .form .r select {
  color: var(--primary-color);
}
.contact .contact-box .c .form .r option {
  color: rgba(12, 55, 97, 0.4);
}
.contact .contact-box .c .form .r textarea {
  padding: 10px;
  border-radius: 8px;
  height: 80px;
  font-family: sans-serif;
}
.contact .contact-box .c .form .allow {
  margin-bottom: 51px;
}
.contact .contact-box .c .form .allow .error {
  color: var(--color-enlace);
}
.contact .contact-box .c .form .allow .checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contact .contact-box .c .form .allow .checkbox input {
  appearance: none;
  min-width: 13px;
  height: 13px;
  border: 1px solid rgba(165, 168, 172, 0.2509803922);
  background: #fcfcfc;
  cursor: pointer;
  appearance: var(--color-main-1);
  border-radius: 2.5px;
  position: relative;
}
.contact .contact-box .c .form .allow .checkbox input:checked::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--secondary-color);
  /* clip-path: polygon(11% 52%, 34% 77%, 90% 11%, 89% 20%, 33% 90%);*/
  display: block;
}
.contact .contact-box .c .form .allow .checkbox label {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-label);
  width: 90%;
}
.contact .contact-box .c .form .allow .checkbox label a {
  color: var(--text-label);
  text-decoration: underline;
}
.contact .contact-box .c .form .allow .checkbox .terms-conditions {
  color: var(--text-label);
  text-decoration: underline;
}
.contact .contact-box .c .form .allow .checkbox .terms-conditions a {
  text-decoration: none;
}
.contact .contact-box .c .form button {
  cursor: pointer;
  width: 100%;
  text-align: center;
  font-weight: 700;
}
.contact .contact-box .c .form button:disabled {
  background-color: var(--color-text-2);
}
.contact .medios_contactos {
  margin-bottom: 107px;
}
.contact .medios_contactos h3 {
  margin-bottom: 48px;
  color: #FFF;
  text-align: center;
  font-weight: 500;
}
.contact .medios_contactos .actions {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 34px;
  flex-wrap: wrap;
}
.contact .medios_contactos .actions .action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  border-radius: 6px;
  border: 1px solid rgba(165, 168, 172, 0.25);
  background: rgba(255, 255, 255, 0.1);
  padding: 15px 37px;
  padding-right: 30px;
  min-width: 330px;
}
.contact .medios_contactos .actions .action .icon {
  background-color: var(--color-main-1);
  mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  width: 40px;
  height: 40px;
}
.contact .medios_contactos .actions .action .txt .t {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 11px;
}
.contact .medios_contactos .actions .action .txt .d {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.contact .medios_contactos .actions .action .txt .d p {
  color: white;
}
.contact .medios_contactos .actions .action .txt .d a {
  color: #fff;
}
.contact .medios_contactos .actions .action .txt .d a::after {
  background-color: #FFF;
}
.contact .medios_contactos .actions .action .txt .d .link {
  color: white;
}

.fondo_contacto {
  margin-top: 55px;
  margin-bottom: 40px;
  background-size: cover;
  background-position: center;
  padding-top: 52px;
  padding-bottom: 68px;
}
.fondo_contacto .contact-box {
  margin-top: 0px;
}
.fondo_contacto .contact-box .c .img_map {
  width: 100%;
}
.fondo_contacto .contact-box .c .map {
  width: 100%;
  height: 590px;
}
.fondo_contacto .contact-box .c h2 {
  font-weight: 500;
  color: white;
  text-align: start;
  margin-bottom: 29px;
}
.fondo_contacto .contact-box .c p {
  color: white;
  margin-bottom: 53px;
  line-height: 22.56px;
}
.fondo_contacto .contact-box .c h3 {
  font-weight: 500;
  color: white;
  margin-bottom: 16px;
}
.fondo_contacto .contact-box .item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #FFF;
  padding: 10px 29px;
  gap: 53px;
  margin-bottom: 10px;
}
.fondo_contacto .contact-box .item:has(div:nth-child(2)) {
  justify-content: space-between;
}
.fondo_contacto .contact-box .item .i1 {
  width: auto;
}
.fondo_contacto .contact-box .item .i2 {
  width: 60%;
}
.fondo_contacto .contact-box .item p {
  margin-bottom: 0;
}
.fondo_contacto .contact-box .btn {
  margin-top: 46px;
  width: 392px;
}

@media screen and (max-width: 768px) {
  .fondo_contacto .contact-box .c .map {
    height: 400px;
  }
  .fondo_contacto .contact-box .btn {
    width: 100%;
  }
  .contact {
    padding-top: 32px;
    margin-top: 40px;
  }
  .contact .contact-box {
    flex-direction: column;
  }
  .contact .contact-box .line {
    display: none;
  }
  .contact .contact-box .c {
    width: 100%;
  }
  .contact .contact-box .c .form .r {
    flex-direction: column;
  }
  .contact .contact-box .c .form .r input,
  .contact .contact-box .c .form .r select,
  .contact .contact-box .c .form .r textarea {
    width: 100%;
    min-height: 50px;
  }
  .contact .contact-box .c .form button {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .contact .medios_contactos .actions .action {
    min-width: 0%;
    width: 100%;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/template_1/styles/contact/contact.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AACE;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;AACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAMR;EAEE;EACA;EACA;EACA;;AAEA;EACE;;AAQV;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;;AAUd;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIE;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;;;AAON;EAOQ;IACE;;EAIJ;IACE;;EAKN;IACE;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;;EAGE;IACE;;EAEA;AAAA;AAAA;IAGE;IACA;;EAIJ;IACE;;;AASZ;EAIQ;IACE;IACA%22,%22file%22:%22contact.output.css%22%7D */