/* global.css limpio y adaptado para Bootstrap */
body {
    /* Bootstrap ya usa una fuente moderna por defecto, pero podemos forzar que se vea un poco más elegante */
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Mantenemos tu clase scrollable por si alguna vez quieres poner mucho texto en una tarjeta */
.scrollable {
    max-height: 200px;
    overflow-y: auto;
    padding-right: 10px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
}

.scrollable::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

/* Efecto hover para las tarjetas de proyectos */
.project-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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