/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.wch-nowrap {
  white-space: nowrap;
}
.wch-free-samples-form {
  position: relative;
}
.wch-free-samples-form .form-item .container-inline {
  margin: 0;
}
.wch-free-samples-form iframe {
  width: 100%;
}
.wch-free-samples-form input[type],
.wch-free-samples-form fieldset input[type] {
  color: #666;
  font-size: 0.9rem;
  margin: 0;
  padding-left: 10px;
  border: 1px solid #C4CBD0;
  height: 40px;
}
.wch-free-samples-form input::-webkit-input-placeholder,
.wch-free-samples-form fieldset input::-webkit-input-placeholder {
  color: #666;
}
.wch-free-samples-form input::-moz-placeholder,
.wch-free-samples-form fieldset input::-moz-placeholder {
  color: #666;
}
.wch-free-samples-form input:-ms-input-placeholder,
.wch-free-samples-form fieldset input:-ms-input-placeholder {
  color: #666;
}
.wch-free-samples-form input::-ms-input-placeholder,
.wch-free-samples-form fieldset input::-ms-input-placeholder {
  color: #666;
}
.wch-free-samples-form input::-webkit-input-placeholder, .wch-free-samples-form fieldset input::-webkit-input-placeholder {
  color: #666;
}
.wch-free-samples-form input::-moz-placeholder, .wch-free-samples-form fieldset input::-moz-placeholder {
  color: #666;
}
.wch-free-samples-form input:-ms-input-placeholder, .wch-free-samples-form fieldset input:-ms-input-placeholder {
  color: #666;
}
.wch-free-samples-form input::-ms-input-placeholder, .wch-free-samples-form fieldset input::-ms-input-placeholder {
  color: #666;
}
.wch-free-samples-form input::placeholder,
.wch-free-samples-form fieldset input::placeholder {
  color: #666;
}
.wch-free-samples-form .form-item label,
.wch-free-samples-form fieldset .form-item label {
  font-size: 0.7rem;
  margin-bottom: 10px;
}
.wch-free-samples-form .form-item select {
  background: #FFF;
  border: 1px solid #C4CBD0;
  font-size: 0.9rem;
  padding-left: 10px;
  height: 40px;
  color: #666;
  border-radius: 4px;
}
.wch-free-samples-form .form-item.form-item-birth-date select+label {
  display: none;
}

/* __layout__ */
.wch-free-samples-form fieldset {
  margin: 0 0 1rem;
}
.wch-free-samples-form .form-content,
.wch-free-samples-form .fieldset-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 1rem 0;
}
.wch-free-samples-form .form-item,
.wch-free-samples-form fieldset .form-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-street-number,
.wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-subpremise,
.wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-floor,
.wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-postal-code {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 49%;
          flex: 0 1 49%;
}
.wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-administrative-area-level-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 59%;
          flex: 0 1 59%;
}
.wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-country {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 39%;
          flex: 0 1 39%;
}
.wch-free-samples-form input[type="checkbox"] {
  height: auto;
}
.wch-free-samples-form input[type="submit"] {
  padding: 0 30px;
}

/* fields */
.wch-free-samples-form .preform {
  color: #666;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
  max-width: 600px;
}
.wch-free-samples-form .caja-muestra {
  color: #666;
  width: 70%;
  max-width: 200px;
  margin: 1em auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wch-free-samples-form .caja-muestra p:last-child {
  font-size: 0.8em;
  color: #666;
}
.wch-free-samples-form .description {
  padding: 0;
}
.wch-free-samples-form .bases-legales {
  display: block;
  padding-left: 24px;
}
.wch-free-samples-form .bases-legales,
.wch-free-samples-form .form-item .webform-element-description {
  font-family: "poppins-light";
  line-height: 1.2rem;
  font-size: 0.8rem;
  letter-spacing: 1.2px;
  text-transform: initial;
  color: #333;
  font-weight: normal;
  margin: -1px 0 10px;
}
.wch-free-samples-form .bases-legales a,
.wch-free-samples-form .form-item .webform-element-description a {
  text-decoration: underline;
}
.wch-free-samples-form .form-item-legal label {
  display: none; 
}
.wch-free-samples-form .form-item-agree-commercial label {
  display: none;
}
.wch-free-samples-form .form-item-agree-commercial,
.wch-free-samples-form .form-item-legal {
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  gap: 10px;
}
.wch-free-samples-form .captcha,
.wch-free-samples-form .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.wch-free-samples-form .captcha {
  margin-bottom: 1rem;
}
.wch-free-samples-form .postform {
   color: #666;
   margin-top: 20px; 
}
.wch-free-samples-form #edit-texto-lopd {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wch-free-samples-form #edit-texto-lopd > p {
  margin-bottom: .5em;
}

/* RESPONSIVE */
/* ========== */

@media screen and (min-width: 768px) {
  #block-natalben-content {
    margin-top: 60px;
  }
  .wch-free-samples-form {
    margin-top: 2em;
  }
  .wch-free-samples-form .form-item-name,
  .wch-free-samples-form .form-item-lastname {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 49%;
            flex: 0 1 49%;
  }
  .wch-free-samples-form .form-item-email,
  .wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-value {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
            flex: 0 1 70%;
  }
  .wch-free-samples-form .form-item-birth-date,
  .wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-street-number {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 28%;
            flex: 0 1 28%;
  }
  .wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-subpremise,
  .wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-floor,
  .wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-postal-code {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 32%;
            flex: 0 1 32%;
  }
  .wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-locality, 
  .wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-administrative-area-level-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 38%;
            flex: 0 1 38%;
  }
  .wch-free-samples-form .fieldset-wrapper .form-item-direccion-postal-country {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
            flex: 0 1 20%;
  }
}
@media screen and (min-width: 840px) {
  .wch-free-samples-form .caja-muestra {
    position: absolute;
    top: -140px;
    right: 0;
    z-index: -1;
  }
}
@media screen and (min-width: 920px) {
  #block-natalben-content {
    margin-top: 100px;
  }
}
@media screen and (min-width: 992px) {
    #block-natalben-content {
    margin-top: 0;
  }
  .wch-free-samples-form {
    margin: 3rem 0 0;
  }
  .wch-free-samples-form .form-content {
    width: 75%
  }
  .wch-free-samples-form .caja-muestra {
    top: 0;
    right: 0;
    max-width: 220px;
  }
  .wch-free-samples-form .captcha,
  .wch-free-samples-form .form-actions {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (min-width: 921px) and (max-width: 959px) {
  .wrapper.layout-main-wrapper {
    padding-top: 120px;
  }
}

/* ERRORs */
/* ===== */ 

.wch-free-samples-form input[type].error,
.wch-free-samples-form fieldset input[type].error {
  border-color: red;
}
.wch-free-samples-form.g-recaptcha {
  outline: 1px solid red;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .status-natalben + #block-natalben-content {
    margin-top: 80px;
  }
}

.g-recaptcha.error {
  border-color: red;
  border-style: solid;
  border-width: thin;
}
.wch-free-samples-form .form-item select.error {
  border-color: red;
}

.wch-free-samples-form input[type="checkbox"].error {
  outline: 1px solid red;
}
