/* Estilos del formulario de Clica y Crece para usarlo con el shortcode [clica_formulario] dentro de Elementor. Todo va acotado a .clica-form para no afectar al resto del tema. */
.clica-form{--bg:#111315;--panel:#1a1e22;--ink:#f3f2ee;--muted:#a8acae;--muted-strong:#ced0cc;--line:rgba(239,242,239,.11);--accent:#e34b39;--accent-hover:#fa604d;--accent-soft:rgba(227,75,57,.13);--accent-ink:#171311;color:var(--ink);line-height:1.6}
.clica-form *{box-sizing:border-box}
.clica-form input,.clica-form textarea,.clica-form button{font:inherit}
.clica-form button{color:inherit}
.clica-form a{color:var(--muted-strong)}
.clica-form .button{color:var(--accent-ink)}
.clica-form .request-form { display: grid; gap: 1rem; }
.clica-form .request-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }
.clica-form .request-field { display: grid; min-width: 0; gap: .42rem; color: var(--muted-strong); font-size: .78rem; font-weight: 650; }
.clica-form .request-field input,
.clica-form .request-field textarea { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 11px; background: rgba(255, 255, 255, .035); color: var(--ink); padding: .82rem .88rem; outline: none; transition: border-color .2s ease, background .2s ease; }
.clica-form .request-field input { min-height: 48px; }
.clica-form .request-field textarea { min-height: 126px; resize: vertical; line-height: 1.55; }
.clica-form .request-field input::placeholder,
.clica-form .request-field textarea::placeholder { color: #929699; opacity: 1; }
.clica-form .request-field input:focus,
.clica-form .request-field textarea:focus { border-color: var(--accent); background: rgba(255, 255, 255, .055); }
.clica-form .request-optional { margin-left: .25rem; color: var(--muted); font-size: .7rem; font-weight: 500; }
.clica-form .request-field-help { color: var(--muted); font-size: .7rem; font-weight: 400; line-height: 1.4; }
.clica-form .request-privacy { margin: .15rem 0 0; color: var(--muted); font-size: .71rem; line-height: 1.6; }
.clica-form .request-privacy a,
.clica-form .request-noscript a { color: var(--muted-strong); text-underline-offset: .18em; }
.clica-form .request-privacy a:hover,
.clica-form .request-noscript a:hover { color: var(--accent-hover); }
.clica-form .request-consent { display: grid; grid-template-columns: 1.05rem minmax(0, 1fr); align-items: start; gap: .7rem; color: var(--muted); font-size: .78rem; font-weight: 500; line-height: 1.6; }
.clica-form .request-consent input { width: 1rem; height: 1rem; margin: .25rem 0 0; accent-color: var(--accent); }
.clica-form .request-consent a { color: var(--muted-strong); text-underline-offset: .18em; }
.clica-form .request-consent a:hover { color: var(--accent-hover); }
.clica-form .request-submit { width: 100%; min-height: 54px; margin-top: .15rem; cursor: pointer; }
.clica-form .request-submit:disabled { cursor: wait; opacity: .7; transform: none; }
.clica-form .request-feedback { margin: 0; padding: .85rem .95rem; border: 1px solid rgba(250, 96, 77, .55); border-radius: 11px; background: rgba(227, 75, 57, .11); color: var(--ink); font-size: .83rem; line-height: 1.55; }
.clica-form .request-noscript { margin: 0; color: var(--muted-strong); font-size: .82rem; line-height: 1.55; }
.clica-form .request-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.clica-form .button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  padding: .9rem 1.25rem;
  border: 1px solid var(--accent);
  border-radius: 999px;
  background: var(--accent);
  color: var(--accent-ink);
  text-decoration: none;
  font-weight: 750;
  letter-spacing: -.015em;
  box-shadow: 0 10px 32px rgba(227, 75, 57, .16);
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.clica-form .button:hover { transform: translateY(-2px); border-color: var(--accent-hover); background: var(--accent-hover); box-shadow: 0 14px 34px rgba(227, 75, 57, .24); }
.clica-form .button span { font-size: 1.05em; transition: transform .2s ease; }
.clica-form .button:hover span { transform: translate(2px, -2px); }
@media (max-width:480px){.clica-form .request-field-row{grid-template-columns:1fr}.clica-form .request-form{gap:.88rem}}