.map-container {
    width: 100%;
    height: 380px;
    border-radius: 0.75rem; 
    overflow: hidden;
}

.map-iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (min-width: 640px) {
    .map-container { height: 420px; }
}

@media (min-width: 1024px) {
    .map-container { height: 480px; }
}


.alert-success {
    background-color: #ecfdf5; 
    color: #047857;          
    border: 1px solid #a7f3d0; 
}

.alert-error {
    background-color: #fef2f2; 
    color: #b91c1c;            
    border: 1px solid #fecaca; 
}