/* Página de cada planta: /vtv-localidad */

/* Ficha de datos */
.planta-ficha {
    border-radius: 1rem;
    background-color: var(--brand-gris-claro);
    border-top: 4px solid var(--brand-celeste) !important;
}

.planta-ficha__datos > div + div {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed rgba(var(--brand-azul-rgb), .15);
}

.planta-ficha__datos dt {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--brand-azul);
    margin-bottom: .25rem;
}

.planta-ficha__datos dt .bi { color: var(--brand-celeste); font-size: 1rem; }

.planta-ficha__datos dd { margin: 0 0 0 1.5rem; }

/* Mapa con carga diferida (no se pide a Google hasta que el usuario lo pide o acepta cookies) */
.mapa {
    border-radius: 1rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 30% 30%, rgba(var(--brand-celeste-rgb), .18), transparent 55%),
        linear-gradient(135deg, #e9eef6 0%, #dfe7f2 100%);
}

.mapa iframe { border: 0; }

.mapa__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    text-align: center;
    color: var(--brand-azul);
}

.mapa__pin {
    font-size: 2.5rem;
    color: var(--brand-rosa);
    margin-bottom: .5rem;
}

.mapa__aviso { color: #5b6270; }

/* Plantas cercanas */
.planta-cercana {
    border-radius: .75rem;
    border-left: 4px solid var(--brand-celeste) !important;
    box-shadow: 0 .25rem .75rem rgba(var(--brand-azul-rgb), .08);
    color: inherit;
    transition: transform .2s ease, box-shadow .2s ease;
}

.planta-cercana:hover {
    transform: translateY(-3px);
    box-shadow: 0 .75rem 1.5rem rgba(var(--brand-azul-rgb), .14);
}

.planta-cercana__nombre { color: var(--brand-azul); }
.planta-cercana:hover .planta-cercana__nombre { text-decoration: underline; }
.planta-cercana__km { color: var(--brand-verde); }

@media (prefers-reduced-motion: reduce) {
    .planta-cercana { transition: none; }
    .planta-cercana:hover { transform: none; }
}