/*===================*/
/* colores generales */
/*===================*/
/*===================*/
/* textos */
/*===================*/
/*===================*/
/* global */
/*===================*/
/*===================*/
/* carrusel */
/*===================*/
/*===================*/
/* header nav */
/*===================*/
/*===================*/
/* Footer */
/*===================*/
/*========================*/
/* componente formulario contacto*/
/*========================*/
.contSeccionContacto {
  background-color: #333;
}

.wpcf7-form {
  width: 100%;
  margin: auto;
}
@media (max-width: 991px) {
  .wpcf7-form {
    width: 90%;
  }
}

.wpcf7-form p label {
  color: var(--textoClaro);
  width: 100%;
  margin-bottom: 10px;
}

.wpcf7-form-control-wrap {
  position: relative;
  width: 100%;
  display: block;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap select {
  width: 100%;
  margin-top: 5px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid var(--color2);
  padding-left: 10px;
}
.wpcf7-form-control-wrap input:focus-visible,
.wpcf7-form-control-wrap select:focus-visible {
  border: 1px solid var(--color1);
}

.wpcf7-form-control-wrap textarea {
  width: 100%;
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid #333;
}

.wpcf7-submit {
  background-color: var(--color2);
  border-color: var(--color2);
  height: 38px;
  width: 100%;
  outline: none;
  border: none;
  border-radius: 5px;
  color: #fff;
  transition: 0.3s all;
  margin-top: 20px;
}
.wpcf7-submit:hover {
  background-color: var(--color2Hover);
}

.cfm-ifrmaeMapa {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .cfm-ifrmaeMapa {
    height: 400px;
  }
}