/* Solo versión estática: tarjetas de contacto por correo que sustituyen a los formularios. */
.contact-mail .mail-tips-title{font-weight:700;font-size:15px;margin:4px 0 10px}
.contact-mail .mail-tips{margin:0 0 22px;padding-left:20px;line-height:1.75;font-size:15px}
.contact-mail .mail-notes{font-size:14px;line-height:1.6;background:#eeeefc;border-left:3px solid var(--blue);padding:10px 12px;margin-bottom:18px}
.contact-mail .form-submit{display:flex;justify-content:center;align-items:center;gap:14px;text-decoration:none;margin-bottom:14px}
.contact-mail .copy-message{min-height:44px;font-size:14px;cursor:pointer}
.contact-mail .mail-help{font-size:13px;line-height:1.6;color:var(--muted);margin-top:16px;overflow-wrap:anywhere}
.demo-mail p{line-height:1.7;margin-bottom:18px}
.demo-mail .demo-button{display:inline-flex;margin-bottom:14px}
.demo-mail .demo-mail-note{font-size:13px;opacity:.85;overflow-wrap:anywhere;margin-bottom:0}
.dev-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;line-height:1.5;font-size:14px;color:#f1dfff;margin:0 0 18px}
.dev-badge{display:inline-block;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;background:var(--lime);color:#171a30;border-radius:999px;padding:4px 10px}
.brand-text-only{padding:14px 0 14px 18px}
.site-footer .brand-text-only{padding-left:0}
.brand-text-only .brand-name{font-size:34px}
@media(max-width:760px){.brand-text-only .brand-name{font-size:28px}.brand-text-only{padding-left:10px}}
@media(max-width:360px){.brand-text-only .brand-name{font-size:25px}}
.not-found{min-height:70vh;display:grid;align-content:center;gap:22px;padding-block:80px}
.not-found h1{font-size:clamp(44px,8vw,86px);line-height:1}