/* ── CONTACTO — page-specific styles ── */
header { position:sticky; }

.wrap { max-width:680px; margin:0 auto; padding:3rem 1.4rem 4rem; }

.info-row { display:flex; flex-direction:column; gap:.85rem; margin-bottom:2rem; }
.info-chip {
  display:flex; align-items:center; gap:.9rem;
  background:var(--surface-s); border:1px solid var(--border);
  border-radius:14px; padding:1rem 1.1rem;
  box-shadow:var(--card-sh); transition: background-color var(--tr);
}
.ic-ico {
  width:40px; height:40px; border-radius:10px;
  background:rgba(14,127,192,.1);
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; flex-shrink:0;
}
.ic-txt strong { display:block; font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:2px; }
.ic-txt span   { font-size:.88rem; color:var(--muted); }

.prayer {
  background:rgba(14,127,192,.07);
  border-left:3px solid var(--accent);
  border-radius:0 14px 14px 0;
  padding:1rem 1.2rem; margin-bottom:2rem;
  transition: background-color var(--tr);
}
.prayer p { font-size:.85rem; color:var(--muted); line-height:1.7; font-weight:300; }
.prayer strong { color:var(--text); font-weight:600; }

.form-card {
  background:var(--surface-s); border:1px solid var(--border);
  border-radius:22px; padding:1.8rem 1.4rem;
  box-shadow:var(--card-sh); transition: background-color var(--tr);
}
.form-card h3 { font-family:'DM Serif Display',serif; font-size:1.4rem; color:var(--text); margin-bottom:1.4rem; }

.field { display:flex; flex-direction:column; gap:.3rem; margin-bottom:1rem; }
.field label { font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.field input, .field textarea, .field select {
  background:var(--bg); border:1.5px solid var(--border);
  border-radius:10px; padding:.78rem .95rem;
  font-family:'DM Sans',sans-serif; font-size:.9rem;
  color:var(--text); outline:none; resize:none;
  transition:border-color .25s,box-shadow .25s, background-color var(--tr);
}
.field input::placeholder, .field textarea::placeholder { color:var(--muted); opacity:.55; }
.field input:focus, .field textarea:focus, .field select:focus {
  border-color:var(--accent);
  box-shadow:0 0 0 3px var(--glow);
}
.field textarea { height:108px; }
.field select option { background:var(--surface-s); color:var(--text); }

.two { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
@media(max-width:400px) { .two { grid-template-columns:1fr; } }

.sub-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.8rem; margin-top:1.3rem; }
.sub-note { font-size:.72rem; color:var(--muted); font-weight:300; }
.btn-send {
  background:linear-gradient(135deg,var(--accent),var(--acc2));
  color:#fff; border:none; border-radius:99px;
  padding:.78rem 2rem; font-family:'DM Sans',sans-serif;
  font-size:.85rem; font-weight:600; letter-spacing:.05em; cursor:pointer;
  box-shadow:0 4px 18px var(--glow);
  transition:transform .2s,box-shadow .2s;
}
.btn-send:hover { transform:translateY(-2px); box-shadow:0 8px 26px var(--glow); }
.btn-send:active { transform:translateY(0); }

.ok {
  display:none; margin-top:1rem;
  background:rgba(16,185,129,.1); border:1.5px solid rgba(16,185,129,.25);
  border-radius:10px; padding:.9rem 1rem;
  font-size:.84rem; color:#065f46; text-align:center;
}
[data-theme="dark"] .ok { color:#6ee7b7; }