/* Efecto suave al pasar el ratón por encima de las tarjetas */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Forzar que textos muy largos (como el User-Agent) no rompan el diseño */
.text-break {
    word-break: break-word;
}