/* ==========================================================================
   Mapa de Chile con sucursales (Inicio y Cobertura)
   ========================================================================== */

.df-mapa { position: relative; margin: 0; }
.df-mapa svg { width: 100%; height: auto; overflow: visible; }

.df-mapa-punto { fill: var(--c3); }
.df-mapa-tierra { fill: url(#dfMapaPuntos); }
.df-mapa-contorno {
    fill: none;
    stroke: var(--c4);
    stroke-width: .9;
    stroke-linejoin: round;
    stroke-opacity: .6;
}

.df-mapa-paralelos line { stroke: var(--line-strong); stroke-width: .6; }
.df-mapa-paralelos text,
.df-mapa-norte text {
    fill: var(--muted);
    font-family: var(--font-sans);
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-anchor: middle;
}
.df-mapa-norte path { fill: none; stroke: var(--muted); stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
.df-mapa-norte text { text-anchor: start; font-size: 11px; }
.df-mapa-oceano {
    fill: var(--c4);
    font-family: var(--font-serif);
    font-size: 13px;
    font-style: italic;
    letter-spacing: .12em;
    opacity: .75;
}

/* Pines */
.df-pin { cursor: default; }
.df-pin-punto { fill: var(--navy); stroke: #fff; stroke-width: 1.6; transition: fill .25s; }
.df-pin-halo {
    fill: var(--c3);
    opacity: .3;
    transform-box: fill-box;
    transform-origin: center;
    animation: dfHalo 2.8s ease-out infinite;
}
.df-pin-guia { stroke: var(--navy); stroke-width: .9; stroke-dasharray: 2 3; }
@keyframes dfHalo {
    0% { transform: scale(.55); opacity: .5; }
    100% { transform: scale(2.3); opacity: 0; }
}
.df-mapa-nombre {
    fill: var(--navy);
    font-family: var(--font-sans);
    font-size: 12.5px;
    font-weight: 800;
    paint-order: stroke;
    stroke: var(--bleed);
    stroke-width: 4px;
    stroke-linejoin: round;
}
.df-mapa-tipo {
    fill: var(--c4);
    font-family: var(--font-sans);
    font-size: 7.4px;
    font-weight: 800;
    letter-spacing: .14em;
    paint-order: stroke;
    stroke: var(--bleed);
    stroke-width: 3px;
    stroke-linejoin: round;
}
.df-pin.is-activa .df-pin-punto { fill: var(--c3); }
.df-pin.is-activa .df-mapa-nombre { fill: var(--c4); }

/* Lupa de la zona central */
.df-lupa-origen { fill: rgba(95, 176, 201, .12); stroke: var(--c4); stroke-width: 1.1; }
.df-lupa-guia { stroke: var(--c4); stroke-width: 1; }
.df-lupa-fondo { fill: #fff; filter: drop-shadow(0 14px 22px rgba(18, 21, 58, .18)); }
.df-lupa-tierra { fill: var(--c1); stroke: var(--c3); stroke-width: .18; }
.df-lupa-aro { fill: none; stroke: var(--c4); stroke-width: 1.3; }
.df-lupa-titulo {
    fill: var(--navy);
    font-family: var(--font-sans);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .22em;
}
.df-lupa-sub {
    fill: var(--muted);
    font-family: var(--font-serif);
    font-size: 12px;
    font-style: italic;
}