:root{
  --accent:#f59e0b; --text:#1a1a1a; --muted:#666; --stroke:#e5e7eb;
}
.wrap{max-width:1200px;margin:0 auto;padding:0 18px}

.contacto{padding:24px 0}
.grid{display:grid;grid-template-columns: .95fr 1.05fr; gap:20px}

/* Lado info */
.info h1{margin:0 0 6px;font-size:clamp(22px,3.2vw,28px)}
.info p{margin:0 0 12px;color:#555}
.info .card{
  background:#fff;border:1px solid var(--stroke);border-radius:14px;padding:14px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}
.info .row{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed #f0f0f0}
.info .row:last-child{border-bottom:none}
.info .row span{font-size:18px}
.info a{color:#1a1a1a;text-decoration:none}
.info a:hover{color:#000;text-decoration:underline}
.tips{margin-top:14px}
.tips h4{margin:0 0 6px}
.tips ul{margin:0;padding-left:18px;color:#555}

/* Form */
.form-card{
  background:#fff;border:1px solid var(--stroke);border-radius:14px;padding:16px;
  box-shadow:0 8px 28px rgba(0,0,0,.07);
}
.alert{border-radius:10px;padding:10px 12px;margin:8px 0 12px}
.alert.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.alert.error{background:#fdecea;color:#842029;border:1px solid #f5c2c7}
.wa-cta{margin-top:10px}
.btn-wa{display:inline-block;background:#25D366;color:#fff;text-decoration:none;padding:8px 12px;border-radius:10px;font-weight:700}

.form-grid{display:grid;gap:10px}
.form-grid .g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-grid label{font-weight:600;color:#222}
.form-grid input[type="text"],
.form-grid input[type="email"],
.form-grid select,
.form-grid textarea{
  width:100%;padding:12px;border:1px solid var(--stroke);border-radius:10px;background:#fff;
  outline:none;transition:border-color .15s, box-shadow .15s;
}
.form-grid textarea{resize:vertical;max-height:420px}
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus{
  border-color:#f59e0b66; box-shadow:0 0 0 4px #f59e0b22;
}
.hint{font-size:12px;color:#888;margin-top:4px;text-align:right}

.actions{display:flex;gap:10px;align-items:center;margin-top:6px;flex-wrap:wrap}
.btn-prim{
  position:relative; display:inline-flex; align-items:center; gap:8px;
  background:var(--accent); color:#fff; border:1px solid #e6a700;
  padding:12px 16px; border-radius:10px; font-weight:700; cursor:pointer;
  box-shadow:0 4px 16px rgba(245,158,11,.25);
}
.btn-prim .ld{
  width:16px;height:16px;border:3px solid rgba(255,255,255,.6);border-top-color:#fff;border-radius:50%;
  display:none; animation:spin .9s linear infinite;
}
.btn-prim.loading .spn{opacity:.6}
.btn-prim.loading .ld{display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.btn-sec{
  display:inline-block;text-decoration:none;color:#1a1a1a;background:#fff;
  padding:12px 16px;border-radius:10px;border:1px solid var(--stroke);font-weight:600;
}

/* Honeypot oculto */
.hp{position:absolute; left:-5000px; width:1px; height:1px; opacity:0}

/* Responsive */
@media (max-width: 980px){
  .grid{grid-template-columns:1fr;gap:14px}
  .form-grid .g2{grid-template-columns:1fr}
}