/**
 * Contacto Option 04 — Foto + formulario (DESKTOP)
 * Migrado desde assets/css/contacto-option04.css (reglas base, sin los
 * bloques @media que ahora son mobile/contacto-option04-mobile.css).
 */
.contacto-option04 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--bg-surface);
}

.c04-media img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 480px; }

.c04-form-wrap { display: flex; align-items: center; }

.c04-form-inner { max-width: 440px; padding: 64px clamp(24px, 5vw, 64px); }
.c04-form-inner h2 { margin: 14px 0 26px; }

.c04-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.c04-form input,
.c04-form textarea {
    width: 100%;
    padding: 13px 15px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    background: var(--bg-surface-raised);
    color: var(--text-primary);
    resize: vertical;
}

.c04-form textarea { width: 100%; margin-bottom: 16px; }

.c04-form input:focus,
.c04-form textarea:focus { outline: none; border-color: var(--accent); }