/*
 * E-Iure — página Contact us (maqueta «Contact — 1»). Se carga después de home.css, inner.css y el CSS de CF7.
 */

.eh .mhero{padding:90px 0 78px}

.eh .csplit{padding:80px 0 90px}
.eh .cgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.eh .cinfo h2{font-size:clamp(26px,3vw,38px);margin:10px 0 8px}
.eh .cinfo p.sub{color:#55554e;font-size:16px;margin-bottom:28px}
.eh .cblock{display:flex;gap:14px;margin-bottom:22px}
.eh .cblock .ic{width:46px;height:46px;border-radius:12px;background:#eef7e7;color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex:none}
.eh .cblock h3{font-family:var(--sans);font-weight:700;font-size:16px}
.eh .cblock p{font-size:14.5px;color:#55554e}
.eh .cblock a{color:var(--green-deep);font-weight:600}
.eh .cblock a:hover{text-decoration:underline}

/* Formulario (Contact Form 7) */
.eh .cform{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(28px,4vw,44px)}
.eh .cform .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.eh .cform .field{margin-bottom:18px}
.eh .cform label{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6a6459;margin-bottom:6px}
.eh .cform input[type=text],.eh .cform input[type=email],.eh .cform select,.eh .cform textarea{font:15px/1.4 var(--sans);color:var(--ink);padding:14px 18px;border:1.6px solid var(--line);border-radius:12px;background:#fff;width:100%;outline:none;transition:.2s}
.eh .cform textarea{min-height:130px;resize:vertical}
.eh .cform select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%233F7A2E' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 18px center;padding-right:44px}
.eh .cform input:focus,.eh .cform select:focus,.eh .cform textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(122,201,86,.2)}
.eh .cform .chk{font-size:13px;color:#5a554b}
.eh .cform .chk .wpcf7-list-item{margin:0}
.eh .cform .chk label{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:#5a554b;margin:0;cursor:pointer}
.eh .cform .chk input{width:18px;height:18px;margin-top:1px;accent-color:var(--green-deep);flex:none}
.eh .cform .chk a{color:var(--green-deep);font-weight:600;text-decoration:underline}
.eh .cform .wpcf7-submit{margin-top:22px;display:inline-flex;align-items:center;font:600 15px var(--sans);padding:14px 28px;border-radius:60px;border:1.6px solid var(--green);background:var(--green);color:var(--ink);cursor:pointer;transition:.2s}
.eh .cform .wpcf7-submit:hover,.eh .cform .wpcf7-submit:focus-visible{background:var(--green-light);border-color:var(--green-light)}
.eh .cform .wpcf7-submit:disabled{opacity:.55;cursor:not-allowed;background:var(--green);border-color:var(--green)}
.eh .cform .wpcf7-spinner{vertical-align:middle;margin:22px 0 0 12px}
/* Mensajes de validación y respuesta */
.eh .cform .wpcf7-not-valid{border-color:#c0392b}
.eh .cform .wpcf7-not-valid-tip{font-size:12.5px;color:#b03a2e;margin-top:6px}
.eh .cform .wpcf7-response-output{margin:20px 0 0;padding:12px 16px;border-radius:12px;font-size:14px}
.eh .cform .wpcf7 form.sent .wpcf7-response-output{border-color:var(--green);background:#eef7e7;color:#2d5a20}
.eh .cform .wpcf7 form.invalid .wpcf7-response-output,.eh .cform .wpcf7 form.unaccepted .wpcf7-response-output{border-color:#e4cf8f;background:#fbf4dd;color:#6b5314}
.eh .cform .wpcf7 form.failed .wpcf7-response-output,.eh .cform .wpcf7 form.aborted .wpcf7-response-output{border-color:#e3a39c;background:#fbeceb;color:#8a2c22}
.eh .cform br{display:none}

@media(max-width:820px){.eh .cgrid{grid-template-columns:1fr;gap:36px}.eh .cform .two{grid-template-columns:1fr;row-gap:0}}

/* ---------------------------------------------------------------------------
   CONTACT EN MÓVIL
   Se recortan huecos y se aprieta el formulario SIN quitar nada: siguen los
   seis campos, la casilla de privacidad, los tres datos de contacto y el botón.
   Todo por debajo de 560 px; el escritorio y el corte de 820 px no se tocan.
   --------------------------------------------------------------------------- */
@media(max-width:560px){
  /* ----- Cabecera ----- */
  .eh .contact-page .mhero{padding:50px 0 36px}
  .eh .contact-page .mhero h1{font-size:38px}
  .eh .contact-page .mhero p{font-size:15.5px;line-height:1.55;margin-top:12px}

  /* ----- Bloque de contacto ----- */
  .eh .csplit{padding:42px 0}
  .eh .cgrid{gap:22px}

  /* ----- Datos de contacto ----- */
  .eh .cinfo h2{font-size:24px;margin:7px 0 6px}
  .eh .cinfo p.sub{font-size:14.5px;line-height:1.55;margin-bottom:16px}
  .eh .cblock{gap:11px;margin-bottom:14px}
  .eh .cblock .ic{width:38px;height:38px;border-radius:10px;font-size:17px}
  .eh .cblock h3{font-size:15px}
  .eh .cblock p{font-size:13.5px;line-height:1.45}

  /* ----- Formulario ----- */
  .eh .cform{padding:18px 16px;border-radius:18px}
  /* «Company» y «Country» vuelven a ir en pareja: son respuestas cortas y así se
     ahorra un campo entero de alto. «Full name» y «Email» se quedan a todo el
     ancho a propósito, porque son los valores largos y en media columna se
     escriben mal. */
  .eh .cform .two + .two{grid-template-columns:1fr 1fr;column-gap:12px;row-gap:0}
  .eh .cform .field{margin-bottom:12px}
  .eh .cform label{font-size:12px;margin-bottom:4px}
  .eh .cform input[type=text],.eh .cform input[type=email],.eh .cform select,.eh .cform textarea{
    font-size:15px;padding:11px 14px;border-radius:10px}
  .eh .cform select{background-position:right 14px center;padding-right:38px}
  .eh .cform textarea{min-height:100px}
  .eh .cform .chk label{font-size:12.5px;line-height:1.45}
  /* El botón a todo el ancho: suelto a la izquierda quedaba descolgado bajo la
     casilla y se toca peor. */
  .eh .cform .wpcf7-submit{width:100%;justify-content:center;margin-top:16px;
    padding:13px 24px;font-size:15px}
  /* El indicador de carga va en línea detrás del botón. Con el botón a todo el
     ancho se caía a un renglón propio y dejaba 37 px de hueco vacío dentro del
     recuadro. Aquí se saca del flujo y aparece sobre el botón cuando toca. */
  .eh .cform form > p{position:relative;margin:0}
  .eh .cform .wpcf7-spinner{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin:0}
  .eh .cform .wpcf7-response-output{margin-top:14px;padding:10px 14px;font-size:13.5px}
}