/* Estilos customizados para Google Maps */

#map {
    width: 100%;
    height: 384px; /* h-96 equivalent */
    border-radius: 16px;
    border: 2px solid #e2e8f0;
    background-color: #f8fafc;
    min-height: 384px;
}

/* Loading do mapa */
#map.loading {
    background: linear-gradient(-45deg, #f1f5f9, #e2e8f0, #f1f5f9, #e2e8f0);
    background-size: 400% 400%;
    animation: loadingGradient 2s ease infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#map.loading::before {
    content: "⚡ Carregando mapa interativo...";
    color: #64748b;
    font-weight: 600;
    font-size: 1rem;
    z-index: 1;
    text-align: center;
}

@keyframes loadingGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Responsividade */
@media (max-width: 768px) {
    #map {
        height: 300px;
        min-height: 300px;
    }
}

@media (max-width: 480px) {
    #map {
        height: 250px;
        min-height: 250px;
    }
}

/* Garantir que o mapa ocupe todo o container */
#map > div {
    border-radius: 16px !important;
}

/* InfoWindow melhorada */
.gm-style .gm-style-iw-c {
    border-radius: 12px;
    padding: 0 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border: 2px solid #38B6FF;
    overflow: hidden;
}

.gm-style .gm-style-iw-t::after {
    background: #38B6FF;
    border-radius: 2px;
}

.gm-style .gm-style-iw-d {
    overflow: hidden !important;
}

/* Controles do mapa nas cores da empresa */
.gm-style .gm-fullscreen-control {
    background-color: #38B6FF !important;
    border: 2px solid #0B436A !important;
}

.gm-style .gm-fullscreen-control:hover {
    background-color: #0B436A !important;
}

.gm-style .gm-zoom-control {
    background-color: #38B6FF !important;
    border: 2px solid #0B436A !important;
}

.gm-style .gm-zoom-control button {
    background-color: rgba(56, 182, 255, 0.9) !important;
    border: 1px solid #0B436A !important;
}

.gm-style .gm-zoom-control button:hover {
    background-color: #0B436A !important;
}

/* Controle Street View */
.gm-style .gm-svpc {
    background-color: #38B6FF !important;
    border: 2px solid #0B436A !important;
}

/* Esconder créditos do Google (opcional) */
.gm-style .gm-style-cc {
    display: none;
}

/* Animação de hover no marcador */
.gm-marker {
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
}

.gm-marker:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 4px 8px rgba(11, 67, 106, 0.3));
}