/* ============================================================
   FORMULARIO · solicitar una idea gratis — kaele.mx
   ============================================================ */

.solicitud{
  background:var(--morado);
  color:#fff;
  padding:82px 0;
  position:relative;overflow:hidden;
}
.solicitud::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.10) 0 180px, transparent 181px),
    radial-gradient(circle at 88% 78%, rgba(255,214,107,.14) 0 220px, transparent 221px);
}
.solicitud-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;
}
.solicitud h2{margin-bottom:16px;}
.solicitud .bajada{opacity:.86;font-size:1.06rem;margin-bottom:26px;max-width:44ch;}

.beneficios{list-style:none;display:flex;flex-direction:column;gap:12px;}
.beneficios li{display:flex;gap:11px;align-items:flex-start;font-size:.98rem;}
.beneficios .check{
  flex:0 0 22px;width:22px;height:22px;border-radius:50%;
  background:var(--butter);color:var(--ink);
  font-size:.72rem;font-weight:800;
  display:flex;align-items:center;justify-content:center;margin-top:2px;
}

/* ---------- Tarjeta del formulario ------------------------------------------ */
.form-caja{
  background:#fff;color:var(--ink);
  border-radius:var(--radio-lg);
  padding:34px 30px;
  box-shadow:0 24px 60px rgba(23,21,31,.24);
}
.form-caja h3{font-size:1.3rem;margin-bottom:5px;}
.form-caja .ayuda{color:var(--gris);font-size:.92rem;margin-bottom:22px;}

.campo{margin-bottom:16px;}
.campo label{
  display:block;font-weight:700;font-size:.88rem;margin-bottom:6px;
}
.campo input,
.campo select,
.campo textarea{
  width:100%;
  font-family:var(--font);font-size:.98rem;
  padding:13px 15px;
  border:1.5px solid var(--borde);
  border-radius:13px;
  background:var(--crema);
  color:var(--ink);
  transition:border-color .18s, background .18s;
}
.campo input:focus,
.campo select:focus,
.campo textarea:focus{
  outline:none;border-color:var(--morado);background:#fff;
}
.campo input::placeholder,
.campo textarea::placeholder{color:#A9A4B6;}

.campo-fila{display:flex;gap:14px;}
.campo-fila .campo{flex:1;}

/* Honeypot: invisible para personas, atractivo para bots */
.campo-trampa{
  position:absolute;left:-9999px;width:1px;height:1px;
  overflow:hidden;opacity:0;
}

.form-caja .btn{width:100%;margin-top:6px;}
.form-caja .letra-chica{
  margin-top:14px;text-align:center;
  font-size:.82rem;color:var(--gris);line-height:1.5;
}

#form-exito,#form-error{
  display:none;border-radius:16px;padding:22px;margin-top:18px;
  font-weight:600;text-align:center;
}
#form-exito{background:#E9F8F0;color:#1B6B4A;border:1.5px solid #8FD9BA;}
#form-error{background:#FDECEC;color:#A33;border:1.5px solid #F3B2B2;}

@media (max-width:860px){
  .solicitud-grid{grid-template-columns:1fr;gap:38px;}
}