.elementor-359 .elementor-element.elementor-element-033965d{--display:flex;--z-index:2;}.elementor-359 .elementor-element.elementor-element-9bd2290{--display:flex;}.elementor-359 .elementor-element.elementor-element-f812a17{--display:flex;}/* Start custom CSS for container, class: .elementor-element-f812a17 *//* ============ Base de estilo para el formulario THME ============ */
.thme-form {
  --paper: #f9f7cf;     /* fondo tarjeta */
  --ink: #1e1e1e;       /* texto principal */
  --ink-2: #4b5563;     /* texto secundario */
  --navy: #293a68;      /* azul identidad */
  --amber: #fea100;     /* CTA base */
  --green: #4caa48;     /* hover CTA (esperanza) */
  --orange: #eb5f2a;
  --radius: 16px;
  --gap: 16px;
  --line: #e7e2b1;
  --pill: 9999px;       /* Borde súper ovalado */
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink);
}

/* Tarjeta contenedora */
.thme-form #user-submitted-posts,
.thme-form .usp-form {
  max-width: 760px;
  margin: 0 auto;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: clamp(18px, 3.5vw, 28px);
  box-shadow: 0 10px 28px rgba(41,58,104,0.12);
}

/* Etiquetas y textos */
.thme-form .usp-label,
.thme-form label {
  display:block; margin-bottom:8px;
  font-weight:700; letter-spacing:.2px;
  color: var(--navy);
  font-family: "Poppins", sans-serif;
}
.thme-form .usp-note,
.thme-form .description,
.thme-form .form-footnote {
  color: var(--ink-2);
  font-size:.95rem;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Inputs */
.thme-form input[type="text"],
.thme-form input[type="email"],
.thme-form input[type="url"],
.thme-form input[type="number"],
.thme-form select,
.thme-form textarea,
.thme-form .usp-input,
.thme-form .usp-textarea {
  width:100%;
  padding:12px 14px;
  border:1.5px solid var(--line);
  border-radius: 12px;
  background:#fff;
  line-height:1.5;
  color:var(--ink);
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
  outline: none;
  font-family: "Poppins", sans-serif;
}
.thme-form ::placeholder { color: var(--ink-2); opacity:.85; }
.thme-form textarea { min-height: 170px; resize: vertical; }

/* Focus accesible */
.thme-form input:focus,
.thme-form select:focus,
.thme-form textarea:focus {
  border-color: var(--navy);
  box-shadow: 0 0 0 3px rgba(41,58,104,.15), 0 0 0 6px rgba(254,161,0,.10);
}

/* Checkbox */
.thme-form input[type="checkbox"] { accent-color: var(--navy); }

/* Mensajes */
.thme-form .usp-error {
  color:#8a1a0a; background:#ffe8df; border:1px solid #ffd1c1;
  padding:10px 12px; border-radius:12px;
  font-family: "Nunito", sans-serif;
}
.thme-form .usp-success {
  color:#0d5a24; background:#e7f7e9; border:1px solid #cfeecd;
  padding:10px 12px; border-radius:12px;
  font-family: "Nunito", sans-serif;
}

/* ============ Botón enviar (pill + hover verde) ============ */
.thme-form input[type="submit"],
.thme-form button[type="submit"],
.thme-form .usp-submit {
  display:inline-block; width:100%;
  padding:14px 18px;
  border-radius: var(--pill);           /* Ovalado */
  border: 2px solid var(--amber);
  background: var(--amber);
  color: #1e1e1e;                       /* buen contraste sobre ámbar */
  font-weight:800;
  letter-spacing:.3px;
  cursor:pointer;
  transition: transform .06s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
  font-family: "Poppins", sans-serif;
}
.thme-form input[type="submit"]:hover,
.thme-form button[type="submit"]:hover,
.thme-form .usp-submit:hover {
  background: var(--green);             /* Verde esperanza */
  border-color: var(--green);
  color: #ffffff;                       /* mejor legibilidad sobre verde */
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(76,170,72,0.25);
}
.thme-form input[type="submit"]:active,
.thme-form button[type="submit"]:active,
.thme-form .usp-submit:active {
  transform: translateY(0);
  box-shadow:none;
}

/* reCAPTCHA */
.thme-form .g-recaptcha { margin-top: 6px; }

/* Ocultar imagen (si no la usas) */
.thme-form .usp-image, .thme-form input[type="file"] { display:none !important; }

/* Responsive */
@media (max-width: 640px){
  .thme-form #user-submitted-posts, .thme-form .usp-form { padding:16px; }
}

/* Variante sobre fondo azul (sección oscura) */
.section-navy .thme-form #user-submitted-posts,
.section-navy .thme-form .usp-form{
  background: rgba(249,247,207,.97);
  border-color: rgba(231,226,177,.75);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}/* End custom CSS */