/* estilos.css */
body { background-color: #f4f7f6; font-family: 'Segoe UI', Tahoma, sans-serif; }

.card-meteo { 
    border: none; 
    border-radius: 20px; 
    box-shadow: 0 8px 25px rgba(0,0,0,0.05);
    background: white;
    overflow: hidden;
}

.valor-grande { font-size: 4rem; font-weight: 800; line-height: 1; color: #dc5d07; }

.etiqueta {
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #95a5a6;
    letter-spacing: 1px;
}

.prev-box { border-radius: 15px; background: #fff; padding: 15px; }

/* FIX PARA MÓVILES: EVITA EL SOLAPAMIENTO */
@media (max-width: 992px) { /* Cambiado a 992px para que salte antes en tablets */
    .main-stats { flex-direction: column !important; text-align: center; }
    
    /* Ahora aplica a col-lg-5, col-lg-3 y col-lg-4 */
    .main-stats > div { 
        width: 100% !important; 
        border: none !important; /* Quita los bordes laterales en móvil */
        padding: 15px 0 !important;
        border-bottom: 1px solid #eee !important; /* Añade separador horizontal */
    }
    .main-stats > div:last-child { border-bottom: none !important; }
    
    .valor-grande { font-size: 3rem; }
    .border-start { border: none !important; }
}