/* custom.css */

/* Cambiar el color de fondo de la tarjeta de servicio al pasar el ratón */
.service-card:hover {
    background-color: #333; /* Un gris más oscuro */
    transition: background-color 0.3s ease; /* Transición suave */
}

/* Cambiar el color del texto de la descripción */
.service-card .description {
    color: #bbb; /* Un gris claro */
}

/* Aumentar el tamaño de fuente de los nombres de los servicios */
.service-card .name {
    font-size: 1.1em;
    font-weight: bold;
}

/* Estilo para los widgets (ejemplo) */
.widget-container {
    border-radius: 8px;
    background-color: #222;
    padding: 10px;
    margin-top: 10px;
}