/* Eliminamos los estilos en línea y usamos un CSS simple para las tarjetas */
        .tools-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin-top: 30px;
        }
        .tool-card {
            background-color: #fff;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
            border-left: 5px solid var(--primary-color, #007bff); /* Asume que tienes una variable CSS */
            transition: transform 0.2s;
        }
        .tool-card:hover {
            transform: translateY(-5px);
        }
        .tool-card h2 {
            display: flex;
            align-items: center;
            font-size: 1.5rem;
            color: #333;
            margin-top: 0;
            margin-bottom: 10px;
        }
        .tool-card h2 i {
            margin-right: 15px;
            font-size: 1.8rem;
            color: var(--primary-color, #007bff);
        }
        .tool-card p {
            color: #666;
            margin-bottom: 20px;
        }


        /* Oculta completamente el contenedor de información de depuración */
        .debug-info {
            display: none !important; /* Usar !important asegura que anule cualquier otro estilo */
        }