/* ================================================
   CONTACT.CSS — Formulario de contacto
   Proyecto: SmartDaga Landing
   Autor: e-DAGA Systems
================================================ */

.contact-wrap        { display: grid; grid-template-columns: 1fr 1.35fr; gap: 4rem; align-items: start; }
.contact-info-item   { display: flex; align-items: flex-start; gap: .7rem; margin-bottom: 1.1rem; }
.ci-icon             { width: 38px; height: 38px; border-radius: 10px; background: rgba(10,36,99,.07); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ci-lbl              { font-size: .75rem; font-weight: 600; color: #9CA3AF; letter-spacing: .04em; }
.ci-val              { font-size: .9rem; font-weight: 600; color: var(--dark); }
.contact-wa-wrap     { margin-top: 2rem; }

.form-box            { background: #fff; border: 1px solid var(--border); border-radius: 20px; padding: 2.25rem 2rem; box-shadow: 0 8px 40px rgba(0,0,0,.06); }
.form-grid           { display: grid; gap: 1rem; }
.form-row            { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }
.flbl                { display: block; font-size: .78rem; font-weight: 600; color: var(--dark); margin-bottom: .35rem; }

.inp                 { width: 100%; padding: .78rem 1rem; border: 1px solid #D1D5DB; border-radius: 8px; font-size: .95rem; font-family: var(--font-main); color: var(--dark); outline: none; transition: border-color .2s, box-shadow .2s; background: #fff; }
.inp:focus           { border-color: var(--navy); box-shadow: 0 0 0 3px rgba(10,36,99,.1); }
.inp::placeholder    { color: #9CA3AF; }
textarea.inp         { resize: none; }

.btn-send            { background: var(--green); color: #fff; width: 100%; padding: .88rem; border-radius: 10px; font-size: 1rem; font-weight: 700; border: none; cursor: pointer; font-family: var(--font-main); transition: background .2s, transform .15s; }
.btn-send:hover      { background: var(--green2); transform: translateY(-1px); }

.hp-field            { position: absolute; left: -9999px; opacity: 0; pointer-events: none; }

#formStatus          { font-size: .875rem; text-align: center; border-radius: 8px; padding: .65rem; }
#formStatus.hidden   { display: none; }