/* Griglia flessibile per le categorie */ .custom-categories-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 30px 0; width: 100%; } /* Stile della singola scheda */ .category-card { background-color: #0b0f19; /* Sfondo scuro coerente */ border: 1px solid #1e263d; /* Bordo sottile */ border-radius: 12px; /* Angoli arrotondati */ padding: 35px 20px; text-align: center; text-decoration: none; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Effetto Hover (al passaggio del mouse) */ .category-card:hover { border-color: #3b82f6; /* Leggera illuminazione del bordo (puoi metterlo neon se preferisci) */ transform: translateY(-3px); box-shadow: 0 6px 15px rgba(59, 130, 246, 0.15); } /* Stile dell'icona */ .category-icon { font-size: 38px; color: #ffffff; margin-bottom: 20px; transition: color 0.3s ease; } .category-card:hover .category-icon { color: #60a5fa; /* Colore dell'icona al passaggio del mouse */ } /* Stile del testo */ .category-title { color: #ffffff; font-size: 20px; font-weight: 600; letter-spacing: 0.5px; font-family: inherit; }