/* Estilos para alinear el icono del mapa con el texto */
.map-placeholder {
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 15px !important;
    padding: 2rem !important;
    text-align: left !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.map-placeholder i {
    font-size: 2.5rem !important;
    color: #FFD700 !important;
    margin-bottom: 1rem !important;
    align-self: center !important;
}

.map-placeholder p {
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: 1rem !important;
    font-size: 0.9rem !important;
    text-align: center !important;
    width: 100% !important;
}

.map-placeholder .btn {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    transition: all 0.3s ease !important;
    align-self: center !important;
}

.map-placeholder .btn:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: translateY(-2px) !important;
}