/**
 * Mapa Option 05 — Foto de oficina + mapa (DESKTOP)
 * Migrado desde assets/css/mapa-option05.css (reglas base, sin el bloque
 * @media que ahora es mobile/mapa-option05-mobile.css).
 */
.mapa-option05 { background: var(--bg-surface); padding-block: clamp(64px, 9vw, 130px); }

.ma05-grid { display: grid; grid-template-columns: 0.85fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: center; }

.ma05-media .media { box-shadow: var(--elevation-2); }
.ma05-content h2 { margin: 12px 0 24px; }

.ma05-map {
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--elevation-1);
    margin-bottom: 20px;
}

.ma05-map iframe { position: absolute; inset: 0; }

.ma05-row { display: flex; align-items: center; gap: 10px; font-size: var(--text-sm); color: var(--text-secondary); margin-bottom: 8px; }
.ma05-row svg { color: var(--accent); flex-shrink: 0; }