.weather-card {
    /*color:white;
    background-color: #000000;
    border-radius: 10px;*/
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    width: 300px;
    padding: 20px;
    text-align: center;
    margin: auto;
}
.weather-header {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
/*.weather-metric {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    font-size: 0.9em;
}*/
.weather-metric i {
    color: #007bff;
}
/*.weather-value {
    font-weight: bold;
    margin-left: 5px;
}*/

.weather-obs_time {
    font-size: 0.8em; /* Tamaño más pequeño */
    text-align: center;
    bottom: 10px; /* Posición en la esquina inferior derecha */
    right: 10px;
    color: #aaaaaa; /* Color gris claro para contraste */
    font-style: italic; /* Opcional: cursiva */
}



.weather-metric {
    display: grid;
    grid-template-columns: 25px auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 5px 0;
    font-size: 0.9em;
}

.weather-symbol {
    text-align: center;
    width: 25px;
}

.weather-value {
    font-weight: bold;
    text-align: right;
}