/*!
Theme Name: Astra Child
Description: Child theme for Astra theme
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Template: Astra
Version: 1.0.0
Text Domain:  Astra
*/
.grecaptcha-badge {
  visibility: hidden;
}

.wpcf7-spinner {
  display: block !important;
}

.wpcf7 form > div, .wpcf7 form > p {
  margin-bottom: 0px !important;
}

#formContactar, #formContactar-min {
  font-size: 1em;
}

#formContactar label, #formContactar-min label {
  margin: 0;
  display: block;
}

#formContactar input, #formContactar-min input, #formContactar textarea, #formContactar-min textarea, #formContactar select, #formContactar-min select {
  margin: 0 auto;
  padding: 10px;
}

#formContactar input[type="submit"], #formContactar-min input[type="submit"] {
  margin: 20px auto;
}

#formContactar textarea, #formContactar-min textarea {
  min-height: 50px;
  max-height: 90px;
  border: 1px solid #d8d8d8;
}

#formContactar .field, #formContactar-min .field, #formContactar .field-submit, #formContactar-min .field-submit {
  margin: 5px 0;
  width: 100%;
}

#formContactar .nota, #formContactar-min .nota {
  font-size: 0.8em;
}

#formContactar .field-legal, #formContactar-min .field-legal {
  clear: both;
  float: left;
}

#formContactar .field-legal span, #formContactar-min .field-legal span {
  font-size: 0.9em;
}

#formContactar {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#formContactar input, #formContactar textarea, #formContactar select {
  background: white;
}

#formContactar input[type="submit"] {
  color: #011627;
  background: none;
  border: 1px solid #011627;
  width: 100%;
}

#formContactar input[type="submit"]:hover {
  background: #011627;
  color: #f0f0f0;
}

#formContactar input:focus {
  background: #f0f0f0;
  border: 1px solid black;
  outline: none;
  color: black;
}

#formContactar ::placeholder {
  color: #676767;
}

.contactFormVert {
  /* estilos propios para el formato vertical */
}

#formContactar-min {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 0.9em;
}

#formContactar-min input {
  padding: 5px;
  background: white;
  border: 1px solid #011627;
}

#formContactar-min input[type="submit"] {
  color: #011627;
  background: none;
  border: 1px solid #011627;
  width: 80%;
  padding: 10px 0;
  margin: 0px;
}

#formContactar-min input[type="submit"]:hover {
  background: #011627;
  color: #f0f0f0;
}

#formContactar-min input:focus {
  background: #f0f0f0;
  border: 1px solid #011627;
  outline: none;
  color: #011627;
}

#formContactar-min ::placeholder {
  font-size: 0.8em;
  color: #373737;
}

#formContactar-min .field {
  margin: 0px 5px;
}

#formContactar-min .field-legal {
  clear: both;
  width: 100%;
  display: inline;
}

#formContactar-min .field-legal span {
  font-size: 0.9em;
}